首页 > 其他 > 详细

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

时间:2015-11-25 18:38:53      阅读:266      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!