具体描述:右列定宽,左列自适应,窗口缩到一定程度左列宽度不变且出现滚动条。
题干:
1 <div class="wrap">2 ????<div class="left"></div>3 ????<div class="right"></div>4 </div>
方法1:
.wrap{ ???position:relative; ???width:100%; ???min-width:1300px;}.left{ ???min-width:1000px!important; ???position:absolute; ???right:600px; ???background:red; ???height:500px; ???width:100%;}.right{ ???width:600px; ???height:500px; ???float:right; ???background:blue;}
方法2:
.wrap{ ???position:relative; ???height:auto; ???padding-right:600px; ???min-width:1300px;}.left{ ???background:red; ???height:500px;}.right{ ???position:absolute; ???right:0; ???width:600px; ???background:blue;}
美妙的css--布局1
原文地址:http://www.cnblogs.com/sunny123-/p/7449971.html