與主包裝div的CSS問題

-1

我不知道爲什麼#mainControldiv div沒有被它的包裝div包圍。這是繼它的HTML和CSS：與主包裝div的CSS問題

CSS：

* 
{ 
padding: 0px; 
margin: 0px; 
} 

div 
{ 
border: 1px solid; 
} 

#mainWrapperdiv 
{ 
width: 1000px; 
margin: 0px auto 0px auto; 
} 

#maindiv 
{ 
width: 850px; 
height: 500px; 
margin: 50px auto 0px auto; 
border: 5px solid; 
} 

#mainControldiv 
{ 
width: 850px; 
height: 150px; 
margin: 470px auto 0px auto; 
border: 5px solid; 
float: right; 
} 

#moveablediv 
{ 
    width: 50px; 
    height: 50px; 
    background: lightgreen; 
    position: relative; 
    left: 400px; 
    top: 200px; 
} 

#centerPointdiv 
{ 
    width: 5px; 
    height: 5px; 
    background: black; 
    position: relative; 
    left: 22px; 
    top: 22px; 
}

它應該是相當直接的，但我想不通爲什麼mainControldiv不會在mainWrapperdiv的框內顯示出來，它是直接的父母。你還可以告訴邏輯，或者說它不能按我期望的那樣工作的內在原因，在此先感謝。

來源

2011-01-07 dave

你不能這樣結束的div，即使div有沒有內容，它必須有一個關閉標籤：

<div></div>

因此改變你的結構如下：

<body> 
<div id = "mainWrapperdiv"> 
    <div id = "maindiv"> 
    <div id = "moveablediv" > 
    <div id = "centerPointdiv"></div> 
    </div> 
    </div> 
    <div id = "mainControldiv"></div> 
</div> 
</body>

來源

2011-01-07 18:55:25

哇，你絕對正確。這是一個XHTML標準還是一個通用的HTML標準。在什麼主題下，我可以找到關於這些佈局問題的更多信息。再次感謝一堆。 – dave 2011-01-07 19:00:26

與主包裝div的CSS問題

回答

相關問題