img標籤和DIV彼此相鄰

所以我一直有這個問題，而現在掙扎，見附件圖像 img標籤和DIV彼此相鄰

我不能把一個看不見的股利，這將需要的功能「打開」箭頭旁邊的門，但是我不能將div放在那裏，因爲img元素將所有內容都推下來，即使橫向只需要大約200像素。

我試圖添加適當的箭頭在CSS像顯示：內聯塊，但唯一的屬性，我可以申請成功地麥爾邊距。

目前我的DIV代碼看起來像：

#beds_div{ 

background-color: black; 
height: 200px; 
width: 70px; 
margin-left: 900px; 
margin-bottom: 500px; 
opacity: 1;

}

而對於箭頭

<img id="corridor_d" src="css/arrowdown.png" onclick="corridor_down()"> 


#corridor_d{ 
display: inline-block; 
margin-top: 40%; 
vertical-align: top; 
}

來源

2017-02-12 Matti Mazur

您需要閱讀有關css位置屬性。 https://developer.mozilla.org/en-US/docs/Web/CSS/position – Rashi

無論我如何與職位打球，他們都不想成爲彼此相鄰的人。我甚至把img放在div中。 –

我相對位置已經設置，在那裏你可以調整所有方向定位DIV。頂部的減值可以讓你向上移動div。親自嘗試一下。

這裏我顯示重疊的div。 http://codepen.io/rashivkp/full/bgOJww/

<img class="pic" src="https://i.stack.imgur.com/FHNjC.png" /> 
<div class="invisible"></div> 

.invisible { 
    position:relative; 
    top:-350px; 
    left: 100px; 
    background:#000; 
    width:200px; 
    height:300px; 
}

來源

2017-02-13 14:19:56 Rashi

img標籤和DIV彼此相鄰

回答

相關問題