浮动的特性:
1、可以使块级元素在一排排列
2、可以是元素脱离文档流
3、可以元素提升层级
4、可以使行级元素设置宽高
网页中有很多布局效果,标准的布局方式没法完成,使用浮动改变元素的默认排列方式。
浮动:
浮动可以让元素【脱离文档流】,【按照指定的方向进行排列】,直到遇到父元素的边界或另外一个浮动元素【停止】。
标准文档流:块级盒子垂直排列,行级盒子水平排列
脱离文档流:
语法:
float
取值:
left 左浮动
right 右浮动
none 不浮动
浮动的特性:
1、可以使块级元素在一排排列
2、可以是元素脱离文档流
3、可以元素提升层级
4、可以使行级元素设置宽高
网页中有很多布局效果,标准的布局方式没法完成,使用浮动改变元素的默认排列方式。
浮动:
浮动可以让元素【脱离文档流】,【按照指定的方向进行排列】,直到遇到父元素的边界或另外一个浮动元素【停止】。
标准文档流:块级盒子垂直排列,行级盒子水平排列
脱离文档流:
语法:
float
取值:
left 左浮动
right 右浮动
none 不浮动