码迷,mamicode.com
首页 > Web开发 > 详细

父容器内子容器浮动的高度自适应问题 _ CSS_HTML

时间:2015-01-29 12:01:10      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:

父容器内子容器浮动的高度自适应问题 _ CSS_HTML

‍1.当‍父容器不设置固定高度、宽度时,且子元素设置了浮动。让父容器随子容器的撑开而撑开,缩小而缩小,自动适应高宽度。

这种情况可在父窗口加上 overflow:auto;zoom:1;这两个样式属性,overflow:auto;是让父容器来自适应内部容器的高度,zoom:1;是为了兼容IE6而使用的CSS HACK。zoom:1;通不过W3C的验证,这也是遗憾的一点,幸好IE支持<!--[if IE]>这种写法,可以专门针对IE来写单独的样式,所以可以把这个属性写在页面内的<!--[if IE]>中,这样应该可以通过验证了

‍2.相对定位与绝对定位‍的理解.‍

规划页面时,许多时候需要用到相对定位或绝对定位,这里边有个技巧,掌握后有些地方就不用繁冗的js了。就是当父容器使用相对定位后,此时子元素再使用绝对定位,位置是相对于父元素。如果父元素没有定位,那么子元素的绝对定位是相对于浏览器 ‍

父容器内子容器浮动的高度自适应问题 _ CSS_HTML

标签:

原文地址:http://www.cnblogs.com/chinaboyzzy/p/4259009.html

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