左边固定,右边自适应(解决方案)
Posted Sameen
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了左边固定,右边自适应(解决方案)相关的知识,希望对你有一定的参考价值。
方法一
html代码:
1 <div class="container clearfix"> 2 <div class="left"></div> 3 <div class="right"></div> 4 </div>
css代码:
1 .left { 2 background-color: #7ccd7c; 3 height: 200px; 4 float: left;/*主要看这里*/ 5 } 6 .right { 7 background-color: #000080; 8 height: 200px; 9 overflow: hidden;/*主要看这里*/ 10 }
方法二
未完。。。
以上是关于左边固定,右边自适应(解决方案)的主要内容,如果未能解决你的问题,请参考以下文章
左边的DIV设定了固定的宽度,右边的DIV如何自适应地填满剩下的屏幕宽度?