图片排列显示

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

对于这个的话,我比较多用的就是浮动,把图片的宽度设为百分比,然后对图片进行浮动,就可以做出这个效果,当然,用了浮动之后肯定是要清除浮动的,清除浮动的话有三种方法。
清除浮动
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%
原文地址:https://www.cnblogs.com/xxxxBW/p/4553235.html