很抱歉,如果这是重复的;特定的设计问题很难找到...

<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/

边框仅用于显示。

10-05 20:55
查看更多