<div?class="des_detail?clearfix">
?????? <div?class="score_list">
??????????<h3>商品評(píng)價(jià)</h3>
??????????<div?class="score?fl"><span>4.7</span><i>分</i></div>
??????????<div?class="score_bar">
??????????<ul?class="satisfy?clearfix">
???????????<li?class="li01">非常不滿意</li>
???????????<li?class="li02">不滿意</li>
???????????<li?class="li03">一般</li>
???????????<li?class="li04">滿意</li>
???????????<li?class="li05">非常滿意</li>
??????????</ul>
??????????<div?class="rec_num">
?????????? 4.7<i></i>
??????????</div>
??????????<br?/>
??????????
??????????<p>共18939位慕課網(wǎng)友參與評(píng)分</p>
??????????</div>
????????</div>
??????
??????</div>.score_list?h3{padding-left:10px;height:39px;line-height:39px;font-size:14px;font-family:"新宋體";color:#666666;}
.des_detail{border:1px?solid?#CCC;background-color:#FFF;}
.score?span{font-size:50px;color:#FF8F00;}
.score?i{font-style:normal;color:#65657D;font-size:18px;}
?.satisfy{background-color:#BDBDBD;height:16px;float:left;margin-left:10px;width:450px;}
.satisfy?li{color:#FFF;font-family:"新宋體";float:left;}
.satisfy?.li01{width:114px;text-indent:26px;}
.satisfy?.li02{width:82px;}
.satisfy?.li03{width:76px;}
.satisfy?.li04{width:65px;}
.score_bar?p{padding-left:10px;float:left;padding-top:10px;}
.score_bar{padding-top:15px;position:relative;float:left;}
.rec_num?i{border-width:4px;?border-style:solid?dashed?dashed?dashed;?border-color:#7F7F7F?transparent?transparent?transparent;?width:0;?height:0;display:block;}?
.rec_num{width:25px;height:14px;float:left;position:absolute;left:94%;top:-5px;background-color:#7F7F7F;color:#FFF;text-align:center;line-height:14px;}
2 回答

剛毅87
TA貢獻(xiàn)345條經(jīng)驗(yàn) 獲得超309個(gè)贊
因?yàn)?li 是本身就是塊級(jí)元素,不用設(shè)置display:block;
而你使用的是 i 標(biāo)簽,是行元素,要想具有塊元素的特性,肯定要設(shè)置display:block.
添加回答
舉報(bào)
0/150
提交
取消