亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在.row下的兩個div之間添加圖像(使用bootstrap 4)

如何在.row下的兩個div之間添加圖像(使用bootstrap 4)

紫衣仙女 2023-08-21 17:19:17
這是我的代碼:<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>請檢查此圖像,我 100% 確定圖像的一半隱藏在第二個 div 后面。刪除第二個 div 時我可以看到它。
查看完整描述

2 回答

?
尚方寶劍之說

TA貢獻1788條經驗 獲得超4個贊

這是一個分層問題,放在兩個 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>


查看完整回答
反對 回復 2023-08-21
?
慕雪6442864

TA貢獻1812條經驗 獲得超5個贊

最后加載的圖像將位于“頂部”,但是如果您的 div 的邊距值為正,則您的內容不應重疊。



查看完整回答
反對 回復 2023-08-21
  • 2 回答
  • 0 關注
  • 148 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號