学习笔记

二十.CSS浮动

      1.标准流:标签按照规定好默认方式排列.

      2.网页布局第一准则:多个块级元素纵向排列找标准流,多个块级元素横向排列找浮动.

      3.浮动语法:选择器{float:属性值;none,left,right  }

      4.浮动特性:浮动元素会脱离标准流,会一行内显示并且元素顶部对齐.

        典型特性:脱离标准普通流的控制移动到指定位置,浮动的盒子不再保留原先的位置.

      5.浮动元素会具有行内块元素特性,任何元素都可以浮动,不管原先是什么模式的元素,添加浮动之后具有行内块元素相似的特性.

      6.浮动元素经常和标准父级搭配使用:先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置,复合网页布局第一准则.

      7.一个元素浮动了,其他的兄弟元素也浮动,浮动的盒子只会影响浮动盒子后面的标准流,不会影响前面的标准流

8.清除浮动:浮动元素有一个标准流的父元素,他们有一个共同的特点都有高度 ,因为浮动元素不再占用原文档的位置,所以它会对后面的元素排版产生影响.

        清除浮动的本质:如果父盒子本身有高度,就不需要清除浮动.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容