在父div的內容之後直接顯示一個新的div？

我有一個寬度設置爲100%的橫幅。然後，我在另一個div集30px嵌套在第一個div末尾的主div中。這個close-ban div有一個關閉圖標的背景圖像，並且當用戶點擊整個橫幅隱藏的div時設置javascript。在父div的內容之後直接顯示一個新的div？

我想立即在div標籤橫幅文本里面放置這個close-bar div。

這是它應該是什麼樣子

[這是它有它內部的文本的橫幅[X]

<div id="banner">this is a banner it has text inside of it<div id="close-ban"></div></div>

來源

2016-08-25 RzK

你有什麼CSS？ – eclipsis

您可以將橫向浮動設置爲浮動狀態，並將浮動狀態設置爲關閉禁用。就像這樣：

#banner { 
 
    width: 100%; 
 
    float: left; 
 
} 
 
#close-ban { 
 
    float: right; 
 
}

<div id="banner">this is a banner it has text inside of it<div id="close-ban">close</div></div>

或者創建擁有100％的寬度的容器，並把裏面的橫幅和近距離禁令的div，像這樣：

#container { 
 
    width: 100%; 
 
} 
 
#banner { 
 
    float: left; 
 
} 
 
#close-ban { 
 
    float: right; 
 
}

<div id="container"> 
 
<div id="banner">this is a banner it has text inside of it <div id="close-ban">close</div></div> 
 
</div>

來源

2016-08-25 22:05:07 Daniel

你可以考慮做近距離禁止跨度元素，而不是一個div元素。這樣，它會在線與您的其他HTML放置： http://www.w3schools.com/css/css_inline-block.asp （該span標記的格式一樣的inline-block你可以或者在CSS中添加display:inline-block爲您近距離禁令。）

請記住，如果你的文本佔用了你的最高禁令的寬度，它將使用上述方法將關閉禁令推到下一行。爲了避免這種情況，您可以選擇相對於屏幕或橫幅來定位關閉禁令：http://www.w3schools.com/cssref/pr_class_position.asp

來源

2016-08-25 22:04:06 Adam

在父div的內容之後直接顯示一個新的div？

回答

相關問題