与主包装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问题

回答

相关问题