图片排列显示

最近做了个图片展示的项目，所以也就有一个问题就是关于怎么来显示图片，怎么样对图片的内容进行设置

对于这个的话，我比较多用的就是浮动，把图片的宽度设为百分比，然后对图片进行浮动，就可以做出这个效果，当然，用了浮动之后肯定是要清除浮动的，清除浮动的话有三种方法。

清除浮动

1.对父元素加overflow:hidden;

2.对浮动元素后面的元素加css属性,clear:both;(当然，后面没有元素的话可以加一个空元素)

3.对浮动元素加:after伪类

#float:after{

    content:'';

    display:block;

    height:0;

    clear:both;

    visibility:hidden;

}

图片内部的设置，这个的话就用到了定位，先对父元素设置position:relative;然后对父元素里面的东西进行绝对定位，这样的话就可以做各种效果了，比如我做的hover时显示文字

 

关于ie6的双倍边距的问题

因为ie6有一个双倍边距，原本是padding:1%，我用了兼容ie6写法padding：0.05%