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

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

<div>嵌套————

<div>嵌套————

慕運維6514616 2016-10-18 17:28:50
.di_1{ width:200px; height:200px; border:1px?solid?grey; } .di_caption{ width:100px; height:100px; border:1px?solid?grey; z-index:10; } .di_1?img{ width:100px; height:100px; margin-top:100px; margin-left:100px; } <div?class="di_1"> ???<div?class="di_caption"> ???<h3>標題</h3> ???<p>introduce_1</p> ???????</div> ???????<img?src="image/1.jpg"> </div>顯示出來樣子如下我想讓這個圖片顯示在右下角底層,除了用background-position:right bottom;之外還能怎么做?另外為什么會出現這種情況?如果是<div>嵌套導致上下邊距重疊,我給外層加了padding也沒用。
查看完整描述

3 回答

已采納
?
一朵大白天

TA貢獻54條經驗 獲得超14個贊

introduce_1太高了 把圖片擠出去了。相對定位是最快解決需求的辦法了~

position:relative;

right:0;

bottom:0;


查看完整回答
反對 回復 2016-10-18
?
sdwsq

TA貢獻19條經驗 獲得超3個贊

.di_caption{

????width:100px;

????height:100px;

????border:1px?solid?grey;

????z-index:10;

}沒有定位元素 這個Z—INDEX:10 ;是沒用的

.di_1?img{

????width:100px;

????height:100px;

????margin-top:100px;

????margin-left:100px;

}

把margin-top:100px 去掉就好了; ?因為塊級元素是占一行

查看完整回答
反對 回復 2016-10-19
?
fantacy吳貝

TA貢獻11條經驗 獲得超10個贊

為什么不打開瀏覽器開發者工具,看一下為什么會出現?

這張圖片因為邊框占了你這個大盒子的一部分寬度,導致圖片的位置不設置外邊距地情況下,在introduce_1下面,然后你給這個圖片設置了外邊距,他就被擠到這個位置了。所以沒有實現你想要的效果。

垂直外邊距折疊,外層設置了邊框,不管可見不可見,他們不管是怎樣的垂直外邊距接觸,都不會折疊了。設置padding也可以達到目的,但點擊的時候,或選擇的時候,總有一片空白被選中,或點擊這些空白也可以跳轉。

查看完整回答
反對 回復 2016-10-18
  • 3 回答
  • 0 關注
  • 1982 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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