css overflow和float

 float：使元素向左或向右移动(不能上下移动)，直到它的外边缘碰到包含框或另一个浮动框的边框为止，浮动元素之前的元素将不会受到影响，之后的元素将围绕它。

float之后的元素脱离文档流。

默认为none无浮动，其他left左浮动、right右浮动。

clear：元素浮动之后后面的元素会重新排列，为了避免这种情况需使用clear属性

默认为none不清除，left、right、both分别表示在左侧、右侧、左右两侧不允许浮动元素

 

overflow：用于控制内容溢出元素框时的显示方式

1.visiable：默认值，内容不会被修剪但会呈现在元素框之外

2.hidden：内容会被修剪，且超出元素狂框的内容不可见

3.scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容

4.auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容

5.inherit：从父元素继承 overflow 属性的值

 

转载于:https://www.cnblogs.com/Forever77/p/10205875.html