Question

我有以下HTML代码

    <html>
    <body>
    <div id="wrapper">
        <div id="header"/>
        <div id="main"/>
        <div id="footer" />
    </div>
    </body>
    </html>

但是使用像firebug这样的工具，我看到它呈现为：

<html>
    <body>
    <div id="wrapper">
        <div id="header">
            <div id="main">
            <div id="footer" >
                    </div>
                </div>
             </div>
        </div>
    </div>
    </body>
 </html>

这是标准行为吗？如何避免Divs的这种意图？

Answer 1

<div>是包含内容的元素。除非您使用XHTML，否则不能使用自动关闭标记（<div />）。

写：

<div id="wrapper">
    <div id="header"></div>
    <div id="main"></div>
    <div id="footer"></div>
</div>

Answer 2

试试这个

<html>
    <body>
    <div id="wrapper">
        <div id="header"></div>
        <div id="main"></div>
        <div id="footer"></div>
    </div>
    </body>
    </html>

Answer 3

我认为DIV是必需的一对标签。渲染时的浏览器尝试修复输入文档结构。当你给它完全无效的文件时，试着看看会发生什么。您也可以尝试针对W3验证器验证您的文档。

Answer 4

使用

 <div id="wrapper">
     <div id="header">
            content of header
     </div>
     <div id="main">
           main content
     </div>
     <div id="footer">
          content of footer
     </div>
</div>

与div处理相混淆

4 个答案: