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

任务三:圣杯布局和双飞翼布局

时间:2016-04-27 20:40:57      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

愚蠢如我,写这个的时候,思路满以为很正确,是正确,但是出现了问题;

首先,给最外面那个boss框写了w:100%,之后加了padding结果总宽度超出了可视区宽,也就出现了滚动条,这点不好;

其次,我给两边的块L和R用了position:absolute定位到要求的位置,同时没给它们float。

这两句就出现了两个问题:首先没float,父级没法根据子的高改变高度,其实没float可以由内容撑开啊;但是俺写了position:absolute;脱离文档流了!

所以父依然包不住,更要命的是,子加了float之后,父清浮动还是包不住;这里我也不清楚为什么,但是猜想是absolute的错,毕竟层级改变了。后来用了relative,就能包住子元素了;

关于position:absolute这个,我有好多次都因为用这个,出现问题;有因为都定位,后者层级大于前者,然后被覆盖了。就得调整他们的html顺序;

另外就absolute之后没法包住这个问题,怎么解决。。。。

 

任务三:圣杯布局和双飞翼布局

标签:

原文地址:http://www.cnblogs.com/yaoyao-sun/p/5440048.html

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