我不知道为什么 #mainControldiv div 没有包含在它的包装 div 中。这是它后面的 html 和 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 的边界内，它是直接父级。并且您能否也说出它没有按我预期工作的逻辑或内在原因，在此先感谢。
最佳答案
你不能这样结束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>
关于html - 主包装器 div 的 CSS 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4629134/