整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
<div>
<div class="left">左: 定寬</div>
<div class="right">右: 自適應</div>
</div>過以下 CSS 代碼實現兩列布局效果
.left{
width:100px;
float:left;
}
.right{margin-left:100px;}優點:
實現方式簡單
缺點:
自適應元素 margin 屬性值與定寬元素的width屬性值保持一致
定寬元素浮動與自適應元素不浮動導致瀏覽器兼容性不好
<div class="parent">
<div class="left">左: 定寬</div>
<div class="right">右: 自適應</div>
</div>過以下 CSS 代碼實現兩列布局效果
.left{
width:100px;
float:left;
}
.right{overflow:hidden;}優點:
上述解決方案中的問題在此解決方案中都沒有
缺點:
overflow 屬性不僅解決了兩列布局問題, 同時設置了內容溢出的情況
<div class="parent">
<div class="left">左: 定寬</div>
<div class="right-fix">
<div class="right">右: 自適應</div>
</div>
</div>過以下 CSS 代碼實現兩列布局效果:
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
