__x__(27)0907第四天__ float 浮动

 float 浮动

块元素脱离文档流,水平排列。

浮动元素 会尽量往左上(left),或者右上(right)浮动,直到遇到 块元素 或者 其他浮动元素。

 

可选值:

none;   默认值,不脱离文档流,垂直排列,不浮动。 

left;    脱离文档流,向文档 左上侧 浮动

right;    脱离文档流,向文档 右上侧 浮动

 

影响布局:

垂直上方的元素,如果是块元素,则浮动于块元素的下方。

垂直上方的元素,如果不是块元素,则浮动元素会覆盖住文档流的元素。

若位置宽度不够,则另起一行。

浮动的元素不会覆盖住 文字 。。。文字会自动环绕在浮动元素的周围

posted @ 2018-09-07 20:45  耶梦加德  阅读(128)  评论(0编辑  收藏  举报