辛苦几天的结果啊
平行共三行,中间行分两列,左边固定宽度,右边自适应,并且对行宽度设置了最小值,如果窗口小到最小值以下将出现滚动条,这样一来布局就不会乱了.
下面两句很重要的.百分比情况下窗口人为缩小的时候布局混乱问题就解决了.
.divGlobal,.DivTop,.DivBottom{min-width: 760px;width: expression(document.body.clientWidth
.DivMainLeft{float:left;}
.DivMainRight{margin-left:210px;}
原来粘贴错了.现在好了.不好意思.
New Document
.divGlobal,.DivTop,.DivBottom{min-width: 760px;width: expression(document.body.clientWidth .divGlobal{/*border:1px solid #ff0000;*/}
.DivTop,.DivBottom,.DivMainLeft,.DivMainRight {border:1px solid #ff0000;}
.DivBottom {clear: both;}
.DivMainLeft{float:left;}
.DivMainRight{margin-left:210px;}
.DivFiexWidth{width:200px;}
.DivMainRightChild{}
.clear{clear: both;}
ul.ul1{margin:0px;margin-left:0px;padding-left:0px; /*fiexfox里需要设置此项,否则UR和DIV间会有空白*/}
li.li1{margin-left:0px;list-style-type:none;}
li.liBg {margin-left:0px;background-color:#ffDD00;list-style-type:none;padding:5px;}
// alert(document.body.clientWidth);
//alert(document.body.clientWidth
top
查看更多关于DIV+CSS布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条._h的详细内容...