Как достичь прокручиваемого контента в нескольких divsCSS

Разбираемся в CSS
Ответить
Гость
 Как достичь прокручиваемого контента в нескольких divs

Сообщение Гость »

Я хочу сделать макет, который выглядит так:
< /p>
макет состоит из трех полей: < /p>

Заголовок вверху с Фиксированная высота, динамическая ширина и вертикально прокручиваемое содержимое. p>
< /li>
На боковой панели справа, с фиксированной шириной, динамической высотой и без свитка. (Это должно оставаться фиксированным при прокрутке содержания тела) окно, не то, что оно изменяется с содержимым. /> html структура: < /p>

Код: Выделить всё

#header {
width: 100%;
height: 100px;
margin-right: 150px;
background-color: green;
overflow-y: scroll;
}

#content {
background-color: blue;
height: 100%;
overflow-y: scroll;
}

#sidebar {
position: absolute;
top: 0;
left: 100%;
margin-left: -150px;
width: 150px;
height: 100%;
float: right;
background-color: red;
overflow: hidden;
}< /code>

header content

body content

sidebar content



Подробнее здесь: https://stackoverflow.com/questions/218 ... iples-divs
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»