float就直接把元素轉換為塊級元素了吧,這個是不是就可以直接設置寬高了?或者不設置為float,直接設置成inline-block,然后設置寬高,不知道行不行。。。
2015-12-08
已采納回答 / qq_安伊偌拉_0
.cont-3{????background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg)?0?-38;}這里的-38要加上px
2015-12-06
我納悶為啥inline能設置寬高,后來想到浮動會把元素轉換成inline-block元素。= =好吧。設置<i>的inline與<li>的block意義在哪。。
2015-12-03
*{margin:0;padding:0;}
ul{list-style;none;}
li h3{font-size:14px;font-weight:400;text-align:center;}
li{display:block;width:130px;height:31px;line-height:31px;overflow:hidden;border-bottom:1px solid #dedede;margin:0 auto;}
.cat{width:150px;background:#f8f8f8;border:1px solid #bbb;}
ul{list-style;none;}
li h3{font-size:14px;font-weight:400;text-align:center;}
li{display:block;width:130px;height:31px;line-height:31px;overflow:hidden;border-bottom:1px solid #dedede;margin:0 auto;}
.cat{width:150px;background:#f8f8f8;border:1px solid #bbb;}
.cat-1 i{background-position:0 0;}
.cat-2 i{background-position:0 -24;}
.cat-3 i{background-position:0 -48;}
.cat-4 i{background-position:0 -72;}
.cat-5 i{background-position:0 -96;}
.cat-6 i{background-position:0 -120;}
.cat-7 i{background-position:0 -144;}
.cat-8 i{background-position:0 -168;}
.cat-2 i{background-position:0 -24;}
.cat-3 i{background-position:0 -48;}
.cat-4 i{background-position:0 -72;}
.cat-5 i{background-position:0 -96;}
.cat-6 i{background-position:0 -120;}
.cat-7 i{background-position:0 -144;}
.cat-8 i{background-position:0 -168;}