這是我的代碼：<div class="row"style=""> <div class="panel panel-success col-sm-3" style="background-color: #d16b55; "> <div class="panel-body" style="height: 1000px; margin-left: 50px;overflow: hidden !important;"> <img class="card-img-top" src="movie_poster/sonic-the-hedgehog.jpg " alt="Card image" style="height:370px;width:100%;margin-top:15px;position: absolute;left: 50px;overflow: visible;"> </div> </div> <div class="panel panel-success col-sm-9 " style="background-color: #ffe2db;"><div class="panel-body"></div></div></div>請(qǐng)檢查此圖像，我 100% 確定圖像的一半隱藏在第二個(gè) div 后面。刪除第二個(gè) div 時(shí)我可以看到它。
2 回答
尚方寶劍之說(shuō)
TA貢獻(xiàn)1788條經(jīng)驗(yàn) 獲得超4個(gè)贊
這是一個(gè)分層問(wèn)題，放在兩個(gè) div 之后效果很好
代碼：
?<div class="row"style="margin-top: 10px;">
? ? ? <div class="panel panel-success col-sm-3" style="background-color: #d16b55; ">
? ? ? ? <div class="panel-body" style="height: 1000px; margin-left: 50px;overflow: hidden !important;">? ?
? ? ? ? </div>
? ? ? </div>
? ? ? <div class="panel panel-success col-sm-9 " style="background-color: #ffe2db;"><div class="panel-body"></div></div>
? ? ? <img class="card-img-top col-sm-3" src="movie_poster/sonic-the-hedgehog.jpg " alt="Card image" style="height:370px;width:100%;margin-top:15px;position: absolute;left: 100px;">
? ? </div>
慕雪6442864
TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊
最后加載的圖像將位于“頂部”，但是如果您的 div 的邊距值為正，則您的內(nèi)容不應(yīng)重疊。
- 2 回答
- 0 關(guān)注
- 156 瀏覽
添加回答
舉報(bào)
0/150
提交
取消