Мне нужно поставить два деления рядом. Первый div должен иметь постоянную ширину, второй занимает свободное место. Оба элемента div должны иметь одинаковую высоту, но по крайней мере должны занимать весь экран браузера. Я написал следующий код:
<head id="Head1" runat="server">
<title>My Testing page</title>
<style type="text/css">
#mainDiv { height:100%;}
#leftDiv {float:left; width:200px; height:100%;}
#rightDiv { height:100%; }
</style>
</head>
<body>
<div id="mainDiv">
<div id="leftDiv"></div>
<div id="rightDiv"></div>
</div>
</body>
Но высота правого элемента всегда равна 100% экрана браузера, даже если содержимое этого элемента больше. Я хотел бы иметь изменяемую высоту этих элементов.