浮动

45 阅读1分钟

目的:实现文字环绕 属性值:

       left            浮动到父元素内部的左侧

        right          浮动到父元素内部的右侧

        默认值为 none

浮动的特性:

            包裹性

            破坏性

浮动的设置对象:

        图片

        其他元素(比如div元素设置的方块),注意:浮动的元素会脱离正常文档流,解决方法为使用clear属性清除浮动

清除浮动

         不常用的方式:多加一个p元素,只为了清除浮动

p{
    clear:both
}

常用的方式:给父元素加入伪类 after,样式如下

   .g-container:after{
       content:"";
       clear:both;
       display:block;
   }