Div項目格外

Question

我是一個相當新的HTML開發人員，我在我的頁面中使用了一堆divs。

問題是一些div項不在div內，儘管它們是在div標籤內定義的。

我在這裏錯過了解什麼？如何確保div內的所有項目都能在div內呈現？

Answer 1

沒有代碼？時間讓水晶球出來然後...

你要麼絕對定位他們（這使他們超出正常流量）或浮動他們，其中stops them from influencing the height of the container.有很多方法force containers to wrap floating content。

Answer 2

它看起來像你有一個容器有一個浮動的孩子，這就是爲什麼父div崩潰。

<div id="parent" title="this collapses"> 
    <div style="float:left" title="child div"></div> 
</div> 

我認爲你的問題是，父母崩潰。

該解決方案將是以下

1. 浮子的一個父DIV（如果可能）。
2. 添加樣式溢出：隱藏或自動到父div。
3. 將一類clearFix *添加到父div（請參見下文）。
4. 設置高度（如果可能）。

* clearfix：

.clearfix:after { 
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0; 
} 
.clearfix { 
display: inline-block; 
} 
html[xmlns] .clearfix { 
display: block; 
} 

* html .clearfix { 
height: 1%; 
}