浮动

-- float的值：
- left：文本流向对象的右边《本身不动》
- float:left;


- right：文本流向对象的左边《本身右移》
- float:right;


-- 图片和文字在一起显示：使用float的值进行操作。




--清除浮动：

- clear的值：
- left：在左侧不允许浮动元素。
- right：在右侧不允许浮动元素。
- both：在左、右两侧不允许浮动元素。
- none：默认值，允许浮动元素出现在两侧。


例：(使用伪类清除浮动)
.clearFix:after{
content:"";
display:inline-block;
clear:both;
}






-- 扩展盒子的高度：clear;
增加一个div：
例：<div class="clear"></div>

.clear{clear:both;margin:0px;padding:0px;}






-- 溢出处理：
overflow：
值：
- visible：默认值，内容不会被修剪，会呈现在盒子之外。
- hidden：内容会被修剪，并且其余内容是不可见的。
- scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余内容。<任何情况下都有滚动条>
- auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余内容。《内容超出边框的范围就出现滚动条》





-- overflow 也可以扩展盒子的高度：
- 代码：在最外层div中设置宽度和overflow的值hidden；
div{width:600px;overflow:hidden;}