首页 > 代码库 > 父容器内子容器浮动的高度自适应问题 _ 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。