一
1.所以元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制,移动到其他父元素中指定位置的过程。
2.元素的浮动属性float 选择器{float:属性值;}
3.清除浮动
运用clear属性清除浮动
选择器{clear:属性值;}
4.常用属性值
left 不允许左侧有浮动元素(清除左侧浮动的影响)
right 不允许右侧有浮动元素(清除右侧浮动的影响)
both 同时清除左右两次浮动的影响
5.清除浮动
空标记: 在浮动元素后添加空标记,并对该标记应用“clear:both”样式,可清除浮动。这个空标记可以为,<div> <p> <hr/> 等任何标记。
overflow : "overflow:hidden;"样式,也可以清除浮动对该元素的影响,该方法弥补了空标记清除不了的不足。
after:使用after为对象也可以清除浮动,但是该方法只使用于IE8及以上版本浏览器和其他非IE 浏览器。
6. overflow
overflow属性可以解决溢出问题,其基本语法格式如下:
选择器{overflow;属性值;}
overflow 属性的常用值有四个,具体如下
visible 内容不会被修剪,会呈现在元素框之外(默认值)
hidden 溢出来的内容会被修剪,并且被修剪的内容是不可见的
auto 在需要时产生滚动条,即自适应所要显示的内容
scroll 溢出来的内容被修剪,且浏览器会始终显示滚动条。