• 浮动css


    浮动

    布局样式:显示浮动定位

    显示

       ;height:  ;background-color: ;    img{display:block} 解决图3像素

    display:block/inline/inline-block/none; 块/行/行内块/隐藏

    visibility:hidden;                隐藏(占位)

    块元素:独占一行可设宽高

    行元素:同一行排列不设宽高由字体大小决定

    行内块:同一行排列可设宽高

    浮动(设宽高超出隐藏)

       ;height:  ;background-color: ;

    float:left/top;

    margin:50px

    overflow:visible/hidden/scroll/auto; 展示隐藏(无父高度=自动) 滚动条

    scroll            滚动条

    overflow-y:scroll;          y轴滚动条

    .clearfix after:{content:"";display:table;clear:both;}  清除浮动

    定位:

    position:  relative

    相对定位(自身的位置)

         /absolute

    绝对定位(以父元素,的边框,有padding也没用)

               /fixed;   (margin)

    浮动定位(body的边框)

    相对自身相对上层定位r元素相对浏览器窗口

  • 相关阅读:
    MySQL学习(十二)
    MySQL学习(十一)
    MySQL学习(十)
    MySQL学习(九)
    MySQL学习(八)
    hlg1600线性代数中的矩阵问题【区间dp】
    HDU1556Color the ball【标号法||树状数组】
    hlg1481 Attack of the Giant n-pus【二分+二分图】
    0918
    20140913
  • 原文地址:https://www.cnblogs.com/1997WY/p/10218655.html
Copyright © 2020-2023  润新知