浮动与定位

日 清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0的问题。 、清除浮动的方法 其实本质叫做闭合浮动更好一些,记住,清除浮动就是把浮动的盒子圈到里面

浮动与定位

• 设置浮动
  • float
    • left：向左浮动
    • right：向右浮动
    • none：元素不浮动（默认值）
• 清除浮动
  • clear
    • left
    • right
    • both
  • overflow
    • 语法格式：选择器{overflow:属性值；}
      • visble:内容不被修剪，会呈现在元素框之外（默认值）
      • hidden:溢出内容会被修剪，并且被修剪得内容是不可见的
      • auto:在需要时会产生滚动条，即自适应所要显示的内容
      • scroll：溢出内容会被修剪，且浏览器会始终显示滚动条
  • after
    • .父元素类名：after{ display:block;clear:both;content:"";visbility:hidden;height:0;}
• 定位
  • position
    • 基本语法格式:选择器{属性：属性值；}
    • static:自动定位
    • relative：相对定位
    • absolute：绝对定位
    • fixed：固定定位
  • 边偏移
    • top:顶端偏移量，定义元素相对于其父元素上边线的距离
    • bottom：底部偏移量
    • left：左侧偏移量
    • right：右侧偏移量
  • z—index
    • 当对多个元素同时定位时，定位元素之间有可能会发生重叠
    • z—index可以调整重叠定位元素的堆叠顺序，其取值可为正整数，负整数和0。其默认值为0。