扩展容器层高度:
父标记没有设置高度,子标记设置了浮动时,父标记的高会比内容高度小,造成页面不美观,必须想办法扩展其高度
1.用clear样式扩展高度
方法:在父标记中添加一个空的div标记,并设置样式
clear:both;
margin:0px;
padding:0px;
2.用overflow 样式
方法:在父标记样式中设置
overflow:hidden;
overflow其他用法:给标记添加滚动条,隐藏超出的内容
区别:overflow更简单,代码更少
层定位:
定位类型:
position: absolute|relative|fixed|static
偏移设置:left|top|right|bottom
absolute:绝对定位,以最近定位了的祖父元素偏移,如果祖父都没有定位,以浏览器为基准偏移,不再占有文本流,会影响其他元素
relative:相对定位,相对自身原来的位置偏移,不影响其他元素
fixed:固定定位,相对浏览器定位,不会随滚动条的滚动而动。
层重叠:
z-index:数值; 默认0
相当于是z轴的顺序,与绝对定位一起使用,在层重叠时可以指定哪个层在前面显示。