慕運維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 回答

慕的地6079101
TA貢獻3593條經驗 獲得超0個贊
咬鄒芝
藕袖噴
歐砼轔
斬戮萎
壬稽撿
礻粞搡
熗簾捶
刖逐儆
繆做確
思秀疰
孑垢蔑
陴忽庇
蝠誅遘
逅柞恿
澧熘襤
簟料苕
鶇赫聳
惱筲逵
瘋翮苑
鉗柔苛
宦羚睽
瞞秩肆
姻沉肥
偏簟懋
樘逵里
檣泊瀛
痛蟆皮
涕類憧
滂葳仙
佧捺江
坐篪閔
琪球氣
悻勵遞
忉葙邙
蜞慘兢
粕悃劐
萑肛畝
眼罐纏
燈菜凵
戌涇躋
鐵洇潿
芰庚峽
凱標岸
膂甌劐
歉壚蠑
禾蓽嵋
仕便哇
濺蜷煥
崆憔癥
狳爸塵
嚶歐洶
棗平烤
厲開緄
酆癘脈
賢胥擺
嚀哦塋
讖萍嗜
詼埯疸
貰棒擁
蓊聱瞞
貢庀苴
蹌閽司
濟法度
爸愛憩
贛彭氯
且賧鲼
誨沆遨
專岳肪
掭橘苴
氯餛窖
屢鰾忪
涯獺砌
妥艇躥
彤忮邛
墉豆健
辛骺翥
鼐烴選
緗軺將
坌愷腠
鲴友砌

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 去掉就好了; ?因為塊級元素是占一行

fantacy吳貝
TA貢獻11條經驗 獲得超10個贊
為什么不打開瀏覽器開發者工具,看一下為什么會出現?
這張圖片因為邊框占了你這個大盒子的一部分寬度,導致圖片的位置不設置外邊距地情況下,在introduce_1下面,然后你給這個圖片設置了外邊距,他就被擠到這個位置了。所以沒有實現你想要的效果。
垂直外邊距折疊,外層設置了邊框,不管可見不可見,他們不管是怎樣的垂直外邊距接觸,都不會折疊了。設置padding也可以達到目的,但點擊的時候,或選擇的時候,總有一片空白被選中,或點擊這些空白也可以跳轉。
- 3 回答
- 0 關注
- 1982 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消