У меня очень простой макет с двумя DIVS:левая полоса фиксированной ширины и правая область, которая должна занимать 100% оставшейся ширины. Оба имеют высоту 100%, и я хочу, чтобы у правого элемента была вертикальная полоса прокрутки, если высота выше, чем высота окна.
Мой текущий код занимает все окно браузера, но правая область прокручивается далеко за пределы браузера. область просмотра справа, и вертикальной полосы прокрутки никогда не видно.
HTML:
<body>
<form id="Form2" runat="server">
<div class="page">
<div class="clear hideSkiplink">
Left side stuff goes here....
</div>
<div class="main">
Right size stuff goes here....
</div>
</div>
</form>
</body>
CSS:
div.hideSkiplink
{
padding:20px;
background-color:#990000;
position:fixed;
top:0px;
left:0px;
width:249px;
height:100%;
}
div.main
{
padding: 10px;
margin: 0px;
background-color: #000000;
color: #ffffff;
position: fixed;
top: 0px;
left: 250px;
width: 100%;
height: 100%;
}