為什么一定要設(shè)置標(biāo)題的邊距，不能設(shè)置圖片的邊距呢

.share_title{/*不建議子元素設(shè)置一個(gè)高度，父元素再定一個(gè)*/
  height: initial; 
}
.share_title p{ /*通過(guò)修改p的高度可以達(dá)到share_title80px的效果，另外，建議給推薦加個(gè)class，用p后續(xù)修改風(fēng)險(xiǎn)比較大*/
  line-height: 20px;
  height: 20px;
}

.share_title.no-img a{ /*給沒(méi)有圖片的section加個(gè)no-img的class，我看你給item_detail加了width:100%了, 可以加到頂層元素上，后續(xù)通過(guò)頂層元素匹配的方式來(lái)呈現(xiàn)不同樣式*/
  height: 35px;
}

.share_title.no-img .item_detail{ /*去掉item_detail的style="width:100%;" 用css就可以了*/
  width: 100%;
}

對(duì)應(yīng)的html是

<section class="share_title">
    <a >
      <div class="item_detail" >
        <h3>【人生】如果你得了大病，超過(guò)多少錢(qián)就會(huì)放棄治療？</h3>
      </div>
      <div class="item_img">
        <img src="/src/images/pic_loading.gif" data-bxysrc="/src/uploads/article/39/82/70/340982f418.jpg" alt=''/>
      </div>
      <div class="clear"></div>
    </a>
    <p>推薦</p>
</section>
<section class="share_title no-img"> <!--js判斷是否有圖片，沒(méi)圖片的時(shí)候添加class no-img-->
    <a >
      <div class="item_detail">
        <h3>社保和商保的12個(gè)區(qū)別，有社保更要買(mǎi)商保！</h3>
      </div>
      <div class="clear"></div>
    </a>
    <p>推薦</p>
</section>