Html 主包装器div的CSS问题_Html_Css_Xhtml

Html 主包装器div的CSS问题

html css

Html 主包装器div的CSS问题,html,css,xhtml,Html,Css,Xhtml,我不知道为什么#mainControldiv没有被它的包装器div所包围。下面是html和css： css: 这应该很简单，但是我不明白为什么mainControldiv没有出现在mainWrapperdiv的边界内，它是直接的父对象。你能告诉我它的逻辑吗，或者说它不能像我期望的那样工作的内在原因吗，提前谢谢。你不能这样结束div，即使div没有内容，它也必须有一个结束标记： <div></div> 因此，将您的结构更改为如下所示： <body> &l

我不知道为什么#mainControldiv没有被它的包装器div所包围。下面是html和css：

css:

这应该很简单，但是我不明白为什么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>

哇，你说得对极了。这是一个XHTML标准还是一个通用的HTML标准。我可以在什么主题下找到关于这些布局问题的更多信息。再次感谢大家。

div

在XHTML中的定义与在HTML中的定义相同--。您所尝试的将被称为单数标记，并且仅在某些情况下才可能。我在谷歌上搜索自己，找不到关于这个话题的合理解释，所以在这方面我真的帮不了忙。

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