讓兩個div 在同一列可以並行且填滿?

clipboard.png

這是兩個div

<div onclick="location.href='news';" class="news_other_layout" style="background-image: url('');">
</div>
<div onclick="location.href='news';" class="news_other_layout" style="background-image: url('');">
</div>
.news_other_layout{
 margin-top: 70px;
 position: relative;
 width: 50%;
 height: 300px;
 display: inline-block;
 object-fit: cover;
 background-repeat:no-repeat;
 background-size: cover;
}

但始終都無法兩個div填滿在同一排.....
他都會變上下

阅读 1k
评论
    5 个回答

    你这边问题我遇到过,虽然你把div的display设置为inline-block了,但是很奇怪的是两个div标签之间的换行似乎还是要占用一些位置,导致虽然他们宽度是50%, 加一起是100%,但是依旧不能并排.你要把两个div标签之间的空格去掉.

    比如这样:

    <div onclick="location.href='news';" class="news_other_layout" style="background-image: url('');">
    </div><div onclick="location.href='news';" class="news_other_layout" style="background-image: url('');">
    </div>
      相似问题
      推荐文章