Мы задали ширину контейнера так, чтобы...

Мы задали ширину контейнера так, чтобы он вмещал левую и центральную колонки (строки 24). Кроме того, мы установили правый отступ у центральной колонки равным нулю (строка 35), т. к. край этой колонки должен совпадать с правым краем контейнера. Если вы посмотрите стили левой колонки в прошлом примере, то заметите, что в этот раз ее ширина увеличилась вдвое. Ничего удивительного, сейчас ширина колонки составляет 40% ширины контейнера, а в прошлый раз – 20% окна браузера. Учитывая, что ширину блока container мы задали равной 65% ширины окна браузера, то получается примерно одинаково. Взгляните на скриншот в начале страницы.

Как я и говорил, цвет левой колонки задается свойством background-color блока container (строка 23). Цвет правой – свойством background-color тега (строка 4). А цвет центральной – ее собственным свойством background-color (строка 37). Если возникли проблемы, скачайте архив с исходными файлами этого примера, и откройте в браузере html файл. Интересно почитать Оригинальные запчасти под заказ в Минске

Понравилась статья? Получай обновления и будь всегда в курсе событий!
Подпишись на RSS или
blog comments powered by Disqus