码迷,mamicode.com
首页 > 其他好文 > 详细

布局之右侧自适应&&中间自适应

时间:2015-11-25 18:39:24      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:

许久没有切图布局了,面试时一紧张就更忘记了喵....

 

一、左侧宽度固定 右侧宽度自适应

.left{float:left; width:200px; height:500px;}
.right{margin-left:200px; height:500px;}

  左侧也可绝对定位。

二、左右侧宽度固定 中间宽度自适应

.left{position:absolute;left:0;top:0; width:200px; height:500px;}
.right{position:absolute;right:0;top:0; width:200px; height:500px;}
.center{height:500px; margin:0 200px;}

  左右侧也可浮动。

布局之右侧自适应&&中间自适应

标签:

原文地址:http://www.cnblogs.com/han-chen/p/4995134.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!