为什么老师i标签就没有display：block能正常显示倒三角，我就必须要加上才显示！！

Question

<div class="des_detail clearfix">        <div class="score_list">           <h3>商品评价</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位慕课网友参与评分</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;}

Answer 1

因为 li 是本身就是块级元素,不用设置display：block;

而你使用的是 i 标签,是行元素,要想具有块元素的特性,肯定要设置display：block.