div 巢狀問題，乙個 DIV 巢狀問題

問題主要出在 div margin 的 “margin” 屬性上。

margin 屬性的用途：

margin 是控制圖層之間的距離，您設定的實際寬度應該是 height+margin-left， margin-right 的總值。

top1 的實際寬度為 160px*

center_top1{

background-color:#ff0000;

width:150px;

height:200px;

margin:10px 5px 10px 5px;

float:left;

top2 的實際寬度為 160px*

#center_top2{

background-color:#ff0000;

width:150px;

height:200px;

margin:10px 5px 10px 5px;

float:left;

中心的總寬度為 320px。 現在讓我們計算您設定的總寬度：

10px+160px+160px=330px，我給你乙個盒子模型分層平面示意圖和3D原理圖，這是你學習div+css必須知道的，呵呵。 也可以使用上述方法直接將 “display：inline” 新增到 center top1 和 center top2 中; 就是這樣。

是的，在 IE 7、8 和 Firefox 下沒問題。

猜猜你的瀏覽器應該是IE 6版本。

Magin 和 padding 在 IE6 中有很多問題，其他 CSS 屬性也是如此。

然後使用 display：inline; 清除中心 top1 和中心 top2 中的雙邊距。

浮點數 ie 生成的雙倍距離為 box{

float:left;

width:100px;

margin:0 0 0 100px;在這種情況下，IE 將生成 200px 的距離。

display:inline;使浮點數忽略。

這裡我們來談談塊和內聯這兩個元素，塊元素的特點是：總是從新線開始，高度、寬度、行高、邊距都可以控制（塊元素）; 內聯元素的特徵是與其他元素在同一行上,..

不可控（內聯元素）;

在 center top1， center top2 中新增乙個句子。

display:inline;

經過測試，問題得到了解決。

如果在塊中設定了浮點數，並且有 margin 或 padding 屬性，則必須新增 display：inline; 解決IE中邊距或填充屬性值的加倍相容性問題。

將樣式新增到第乙個大 div overflow：hidden;

問題原因：因為第乙個大 div 裡面的小 div 是浮動的，所以它脫離了原來的文件流，而第乙個大 div 沒有設定高度，所以第二個大 div 上公升了。

解決方法：您也可以設定第乙個 div 的高度來解決這個問題，為什麼我在這裡使用 overflow：hidden; 這？

這裡有乙個技巧可以給 overflow：hidden; 將適應高度。

希望大家能理解我的解釋，不明白可以繼續問。

第一：如果使用浮動，記得清除它。 如果不清除，將有乙個交錯的圖層。 如：

第二：新增灰色，我認為如果你在第一和第二類中新增背景顏色，上訴不會有問題。

睜大眼睛，看看你的巢狀有問題; 另外三個 div 結束選項卡。

正確的巢狀是：d4d3

d2d1 div>

TR屬於**，當然無法通過驗證，也不符合W3C規範。

tr 是屬於表的子節點。 這是乙個整體，你不能把鴛鴦粘起來，用div把它們分開。

tr 標籤不是乙個獨立的標籤，不能單獨使用，它是表的子元素，例如：

內容，必須以這種方式使用。

以上三個要素構成了乙個完整的**，都是必不可少的，這是規定的。 當然，你可以在其中巢狀其他元素，它可以是乙個，也可以是乙個，依此類推，......

至於元素，tr 不能巢狀在元素中"div"這不符合規定，也不符合語義，彼此之間沒有關係，無法向......解釋

如果你知道兩個div的高度，你可以簡單地設定內div的上邊界或外div的上填充。 例如：

如果不知道外 DIV 的高度，可以先將外 DIV 設定為相對定位，然後再將內 DIV 設定為絕對定位（因為絕對定位會偏離標準流程，根據其包含塊進行偏移），使內 DIV 的下邊界與外 DIV 偏移 0 畫素。 **下面：

不知道你滿意不滿意？

不要使用邊距將 padding-top 新增到帶有填充的外框

新增 overflow：hidden; 如果您有任何問題，請詢問。

我不知道我是不是誤解了你的意思。

target="_blank">>

target="_blank">">

我覺得你是在用位置來定位，如果是這樣，新增乙個z指數，值越大，上層越高。

如果太大，我會強迫你定義寬度和高度，我不知道我是否理解正確。

可以有很多巢狀，但我個人的建議是簡潔，使用 p 標籤而不是所有 div; 因為每個標籤對於SEO來說都是不同的。

多一點也無妨，但最好不要超過五六層，以方便蜘蛛快速抓取;