CSS自适应布局(左右固定中间自适应或者右侧固定左侧自适应).docxVIP

?? 经常在工作中或者在面试中会碰到这样的问题，比如我想要个布局?右侧固定宽度左侧自适应?或者?三列布局左右固定中间自适应的问题。???? 下面我们分别来学习下，当然我也是总结下而已，有如以下方法：?????一：?右侧固定宽度左侧自适应　?第一种方法：左侧用margin-right，右侧float：right? 就可以实现。????HTML代码可以如下写:?? ?div class=box-left?? ??? ?a href= target=_blank我是龙恩/a?? ?/div　 div class=box-right?? ??? ?a href= target=_blank我是龙恩/a?? ?/div　 CSS代码可以如下写：??? .box-left{height:300px;margin-right:300px;background:#DDD;}??? .box-right{width:300px;height:300px;float:right;background:#AAA;}??? 如上代码就可以实现效果。????第2种方法：左侧同样用margin-right? 右侧采用绝对定位如下代码所示：??? HTML代码如下：??? div class=bd?? ??? ?div class=bd-left?? ??? ??? ?a href= target=_blank