左边固定,右边自适应(解决方案)

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如何自适应地填满剩下的屏幕宽度?

左边固定,右边自适应常见方式总结

右边固定,左边自适应

css-两个div并排,左边div宽固定,右边自适应 的解决方法

左边宽度固定右边自适应

CSS布局 , 单列宽度固定,另一列自适应。