css之浮动
首先说下什么是浮动(float):浮动的框可以向左向右移动,直到他的外边缘碰到包含框或者另一个浮动框为止。
浮动在css样式里面是很重要的,我们一起来看看浮动的特点:
1.脱离标准文档流(简称脱标),元素一旦脱离标准文本流,后面的元素会占据浮动元素原来的位置,元素一旦浮动脱标,那么就不必遵守文档流中的块级元素和行内元素的特性。
2.元素浮动,会脱离文档流,但是不会脱离文本流,所以会产生字围效果。
3.互相贴靠。
浮动带来的影响:
1.能够让浮动之后的元素布局产生混乱。
2.子元素浮动会对父元素产生影响。
清除浮动的方法:
1.给浮动的外层元素添加高度(不推荐)
2.overflow:hidden溢出隐藏
3.clear:both 清除浮动带来的影响。
4.隔墙法:①内墙法 ②外墙法(不仅仅可以消除浮动,还可以给父元素以高度)
float可能的值:
1.left 元素向左浮动。
2.right元素向右浮动。
3.none默认值,元素不浮动,并会显示在其文本中出现的位置。
4.inherit规定应该从父元素继承float属性的值。