很抱歉,如果这是重复的;特定的设计问题很难找到...
<div id="sidebar"></div>
<div id="top-expand"></div>
<div id="bottom-expand"></div>
侧边栏的固定宽度为200px;其他2个div具有固定的高度,如果我可以让它们随着窗口的宽度拉伸,那将是理想的选择。
-------------------------------------
| | |
| | top-expand |
|sidebar|-----------------------------|
| | |
| | bottom-expand |
-------------------------------------
侧边栏:固定宽度;
最高展开:固定高度;
底部扩展:固定高度;
边栏是否可以保持固定宽度并仅用CSS堆叠其旁边的其他两个div?我不反对使用jQuery处理窗口计算,但是最好使用本机的CSS / HTML表示这部分
感谢您的建议=)
最佳答案
这在Chrome中对我有效。
#sidebar{
border:1px solid red;
width:200px;
height:400px;
float:left;
}
#top-expand{
border:1px solid blue;
height:200px;
margin-left:200px;
}
#bottom-expand{
border:1px solid green;
height:200px;
margin-left:200px;
}
http://jsfiddle.net/jasongennaro/Y6dNt/
边框仅用于显示。