使用流畅的布局,尝试使用200px的左栏和右侧div应该宽度方向扩展。当一些广泛的内容进入(例如一个包含几列的表格)时,如果浏览器不够宽,则右侧div会被推到左侧栏下方。
我该如何排序?
#container{
min-height:300px;
}
#leftBar{
width:200px;
float:left;
}
#content{
float:left;
padding:20px;
}
<div id="container">
<div id="leftBar">
Left bar here fixed width 200px
</div>
<div id="content">
Should expand to fit parent div, but any long content pushes this beneath the leftBar div
</div>
<div class="clear"></div>
</div>
答案 0 :(得分:0)