3 回答

TA貢獻(xiàn)54條經(jīng)驗 獲得超14個贊
introduce_1太高了 把圖片擠出去了。相對定位是最快解決需求的辦法了~
position:relative;
right:0;
bottom:0;

TA貢獻(xiàn)3593條經(jīng)驗 獲得超0個贊

TA貢獻(xiàn)19條經(jīng)驗 獲得超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 去掉就好了; ?因為塊級元素是占一行

TA貢獻(xiàn)11條經(jīng)驗 獲得超10個贊
為什么不打開瀏覽器開發(fā)者工具,看一下為什么會出現(xiàn)?
這張圖片因為邊框占了你這個大盒子的一部分寬度,導(dǎo)致圖片的位置不設(shè)置外邊距地情況下,在introduce_1下面,然后你給這個圖片設(shè)置了外邊距,他就被擠到這個位置了。所以沒有實現(xiàn)你想要的效果。
垂直外邊距折疊,外層設(shè)置了邊框,不管可見不可見,他們不管是怎樣的垂直外邊距接觸,都不會折疊了。設(shè)置padding也可以達(dá)到目的,但點擊的時候,或選擇的時候,總有一片空白被選中,或點擊這些空白也可以跳轉(zhuǎn)。
添加回答
舉報