高度塌陷:
添加浮动,会产生塌陷
解决方案:
答辩面试题:
元素开启BFC模式:
1,父元素的垂直外边距不会和子元素重叠。
2,开启BFC的元素不会被浮动元素所重叠。
3,开启BFC的元素可以包含浮动的子元素。
如何开启?
1,设置元素浮动。
2,设置元素绝对定位。
3,设置元素为inline-block.
4,将元素的overflow设置为一个非visible的值。
IE6及以下浏览器不支持BFC
就得开启hasLayout,他和BFC作用差不多。
设置:zoom:1;
弊端:内容被截取掉。
解决方案2:
谁塌陷就加clearfix。
清除浮动:clear:both。
谁塌陷就来谁的父元素的最后添加一个盒子,添加清除浮动。
或者给他元素的最后边添加after;content内容
把他设置成块:display:block;
加清除浮动:clear:both。
加 zoom:1.
这样所有的浏览器都可以用了。
导航条:
文字居中:text-align:center;
去掉下划线:text-decoration:none;
定位:
相对定位不会改变元素的性质的。
比如,内联元素不能设置宽和高,如果添加一个相对定位,仍然不能设置宽和高。
绝对定位:
position:absolute;
特点:
1,只要开启,就会脱离文档流。
2,
固定定位:
position:fixed;
网友评论