首页 > 代码库 > 父容器内子容器浮动的高度自适应问题 _ CSS_HTML

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

父容器内子容器浮动的高度自适应问题 _ 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