Html 为什么容器div以这种特殊的方式使用？我看到它一直是这样使用的_Html_Containers_Semantic Markup

Html 为什么容器div以这种特殊的方式使用？我看到它一直是这样使用的

html

Html 为什么容器div以这种特殊的方式使用？我看到它一直是这样使用的,html,containers,semantic-markup,Html,Containers,Semantic Markup,有关简单的用例示例，请查看以下内容： <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <title>A Question for The Stackflow Community</ti

有关简单的用例示例，请查看以下内容：

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

<title>A Question for The Stackflow Community</title>
<link rel="stylesheet" type="text/css" href="css/global.css">

</head>
    <body>

<script src="../js/cool-awesome-jquery.min.js"></script>

    <div id="container"></div>
    <div id="call-to-action">DUDE YOU NEED TO BUY THIS STUFF!!</div>
    <div id="menu">
        <button id="home">HOME</button>
    </div>

<script>yada yada yada....</script>

    </body>

</html>

我知道浏览器提供了一些与container div的本地关系，或者至少可以。但是我在代码中看到了很多这个用例，其中创建了container div，然后关闭了它。在本例中，global.CSS文件中没有为其使用特殊的CSS。如您所见，也没有使用样式标记来添加任何特殊内容。所以我要问的是，为什么要这样做？它有什么用途

作为旁注，body标记在container标记之外，而我假设反过来是真的，至少要遵循干净的语义标记。我们真诚地感谢来自社区的任何知识或反馈。一个好的答案当然值得一个好的投票。谢谢大家!

-干杯，

Branden Dnae

太模糊，无法精确给出确切答案，但总体而言，可能的影响是容器外的内容物通常固定在容器顶部，或至少固定在容器前面，即使隐藏，位置：固定；无论是100%的时间，比如横幅/标题，或者可能只有在用户交互时才使用……所以请像灯箱一样思考。

如果没有CSS对容器div执行任何操作，然后，它可能的用途是作为与javascript进行某种交互的基础-可能是一个添加动态加载或动态插入内容的地方。即使没有在容器div之间写入任何内容，javascript也可以以重影元素和动态的方式写入？我最初问题的答案涉及jQuery，但我喜欢这个答案。作为构建灯箱的一个用例，这是一个很好的、优雅的解决方案。谢谢。很好，但不要把自己局限于一个灯箱…任何你需要在模式中覆盖的内容，或者简单地覆盖在顶部，比如在标题中。