耽美漫画

平时的常用写法我一般都是:

HTML栗子:div>li*4 这样

CSS:div {display:block;}  div li {display:block;float:left;width:20%;height:250px;margin-right:5%} div li:nth-child(4){margin-right:0px;}

上面这钟写法是没有问题,但是在IE游览器上面就会出现错位现象,具体的现象就是第四个li会掉下来,

我们可以用熟悉的hack来调整他,但是版本多的情况下写的多了影响效率,而且需要花时间调试它,

下面介绍的这种方案应该是可以完美的解决错位现象,而且不需要写hack,那下面我开始撸代码了:

HTML栗子:div>li*4 这样

CSS:div {display:block;width:105%}  div li {display:block;float:left;width:20%;height:250px;margin-right:5%}

看下~是不是很简单呢?上面的是左漂浮的,右漂浮也是一样的方法处理就可以了~

好了本次就介绍到这里吧~

我叫啊胖

谢谢!!

 

 

热门小说推荐

全本免费阅读神器

经典文学小说网(www.jnooo3.top)

全民养生百科(www.qmysbk.com)