Question

对于一个简单的用例示例，请查看以下内容：

<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>

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

作为旁注，body标签位于容器标签之外，而我认为反转是真的，至少要遵循预期的干净语义标记。任何来自社区的知识或反馈都是值得赞赏的。一个好的答案值得肯定。谢谢！

-Cheers， Branden Dnae

Answer 1

太过模糊，难以确定一个确切的答案，但总的来说，可能的效果是将容器外部的内容（通常）固定在容器的顶部（或者至少固定在前面，即使是隐藏的），ala {{1} }; 100％的时间，如横幅/标题，或者可能仅在用户互动时......所以想象一下灯箱。

为什么容器div以这种特殊方式使用？我觉得它一直都是这样使用的

1 个答案: