在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  Python  HTML/ div 使用 display inline block 文字會(huì)被重疊的問題...

div 使用 display inline block 文字會(huì)被重疊的問題....

<div class="basic_layout">

    <? while($row = mysqli_fetch_array($data)){?>

      <div class="product_layout" onclick="location.href=URLLLL';">
        <img class="product_icon opacity-black" src="<?=$row['icon'];?>">
        <div class="product_brand">OOO</div>
        <div class="product_name">XXXXXXXXXXXXXXXXXXXX</div>
        <div class="product_price">SSSSSSS</div>
      </div>
    <?}?>

  </div>

clipboard.png

只有圖片會(huì)被順利排好

.product_layout{
  width: 23%;
  height: 255px;
  margin: 15px 9px;
  display: inline-block;
  border-radius: 5px;
  border: 1px #ccc solid;
  cursor: pointer;
  float: left;
}

每個(gè)div至少都會(huì)有三行以上的字
唯獨(dú)右邊沒有被遮住因?yàn)橄旅鏇]有div
其他完全都被遮住了
怎麼樣使他不遮?。?br>完整的div區(qū)塊?
我都訂高度255px了還這樣~直接略過文字區(qū)域...

回答
編輯回答
故林
  1. 如果用了float就不需要用inline-block了.
  2. 試一下在product_layout中加上背景色, 看看文字是否超出容器的范圍
2017年3月2日 21:46
編輯回答
兔囡囡

float會(huì)產(chǎn)生高度塌陷,去掉就好了。

2018年8月3日 01:26
編輯回答
心沉

大兄弟,你這網(wǎng)站怎么看起來像黃站?

2017年2月27日 04:28
編輯回答
薄荷綠

清除浮動(dòng),最簡(jiǎn)單在父元素加overflow:hidden

2017年8月27日 04:13