CSS层定位

扩展容器层高度:
   父标记没有设置高度,子标记设置了浮动时,父标记的高会比内容高度小,造成页面不美观,必须想办法扩展其高度
  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轴的顺序,与绝对定位一起使用,在层重叠时可以指定哪个层在前面显示。
  

posted @ 2016-11-05 21:59  穆雄雄  阅读(345)  评论(0编辑  收藏  举报