二十.CSS浮动
1.标准流:标签按照规定好默认方式排列.
2.网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动.
3.浮动语法:选择器{float:属性值；none,left,right }
4.浮动特性:浮动元素会脱离标准流，会一行内显示并且元素顶部对齐.
典型特性:脱离标准普通流的控制移动到指定位置，浮动的盒子不再保留原先的位置.
5.浮动元素会具有行内块元素特性，任何元素都可以浮动，不管原先是什么模式的元素，添加浮动之后具有行内块元素相似的特性.
6.浮动元素经常和标准父级搭配使用:先用标准流的父元素排列上下位置，之后内部子元素采取浮动排列左右位置，复合网页布局第一准则.
7.一个元素浮动了，其他的兄弟元素也浮动，浮动的盒子只会影响浮动盒子后面的标准流，不会影响前面的标准流
8.清除浮动:浮动元素有一个标准流的父元素，他们有一个共同的特点都有高度 ，因为浮动元素不再占用原文档的位置，所以它会对后面的元素排版产生影响.
清除浮动的本质:如果父盒子本身有高度，就不需要清除浮动.
网友评论