前端_day07

Posted 2020-11-03 北冥丶中郎将

浮动

一.浮动

　　1.元素脱标:元素脱标是浮动的元素脱离了标准文档流

　　2.span标签和div标签设置为浮动后就具有了行内块的属性,即可以和其他元素共用一行,也可设置宽高

　　3.收缩:如果一个block元素浮动之后,宽度就由内容决定,而不是父容器决定

　　4.行元素:与其他元素共用一行;不能设置宽高,默认宽高就是里面内容的宽高

　　5.块元素:独占一行;能设置宽高,若不设置,默认宽度为父级容器宽度,高度为内容高度.

　　6.行元素和块元素没有太明显的界限,可以通过display属性将二者转换display:inline(行);block(块)

　　7.浮动的元素会互相贴靠在一起

　　8.标准文档流中的文字,不会被浮动的元素遮住