Css3的浮动（极小章）

在块元素的排列上浮动很好用

float：left /right /none
加了浮动之后，原本围绕图片的文字现在好像跑到一边了,不再包裹图片且图片超出父元素显示，脱离正常的文档流，它把div盖住，是无法成为内容把div撑起来的

clear：left/right/both（左右不允许出现浮动/ none
清除浮动带来的父级塌陷问题
1在浮动元素后面加上空div设置style=clear：both  ps但是空div会造成冗余
2给父元素设置高度：ps但是会降低扩展性
3给父元素设置overflow：hidden  ps但是下拉列表框不能用
4父级加伪类：：after{content：""
        display：block
        clear：both}
伪类是空的但是个块元素

溢出处理
overflow：visible内容不会修改会出现在盒子外 hidden 内容会被修剪，并且其余内容不可视，scroll内容会被修剪，浏览器会配置滚动条查看其余内容（横向和纵向都有）auto 如果内容被修改，浏览器会配置滚动条（比上个更加智能一点）

---------------------------------------------------------------------------------------------------------------------------------

需求说明：利用无序列表和浮动实现照片墙。要求整体相框宽800px,在页面中水平居中显示；各照片左浮动。具体效果如下：

 小小的实现了一下，嘿嘿 ，做的不咋好

 啧，内容好少（我很抱歉 一(～￣▽￣)～