青春韶华

笔记

2023-04-22  本文已影响0人  徐林林_2022公益强化班

二十.CSS浮动

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

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

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

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

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

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

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

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

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

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

上一篇下一篇

猜你喜欢

热点阅读