Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我们应该在div#wrapper或<;车身>;?_Html_Css_Media Queries_Semantic Markup - Fatal编程技术网

Html 我们应该在div#wrapper或<;车身>;?

Html 我们应该在div#wrapper或<;车身>;?,html,css,media-queries,semantic-markup,Html,Css,Media Queries,Semantic Markup,许多人的HTML标记如下所示: <html> <body> <div id="wrapper"> <p>Stuff in here</p> </div> </body> </html> 以下是(媒体查询已注释掉) 如果我们不将其应用于#wrapper,而是将其应用于——同时考虑到标准网站,这会有什么区别吗 有没有潜在的bug,看起来还可以。如果布局变得更高级会怎么

许多人的HTML标记如下所示:

<html>
  <body>
    <div id="wrapper">
      <p>Stuff in here</p>
    </div>
  </body>
</html>
以下是(媒体查询已注释掉)

如果我们不将其应用于
#wrapper
,而是将其应用于
——同时考虑到标准网站,这会有什么区别吗


有没有潜在的bug,看起来还可以。如果布局变得更高级会怎么样…

好吧,我想你应该尽可能少地使用元素。但是,在许多情况下,#页面包装器和正文不能互换。在许多情况下,您需要使用主体作为背景色,而不是html标记。在这些情况下(例如,加权页脚),您需要主体来展开html,并且需要一个包装器来包含内容,可能将内容居中,并强制主体展开并包含内容


所以-我想我会说,大多数人使用包装器是因为他们在第一堂课或在线教程中看到了它。我认为这在很大程度上是许多人的习惯。我会让主体保持原样,将包装页边距设置为0自动,并像您一样使用最大宽度。这只是EI8和之前的版本--也许你应该检测EI8并制作一个独特的样式表。我发现,在为mobil定义了所有内容之后,我的媒体查询只进行了几行迭代-

现在没有真正的理由再使用包装器div了。+1表示“因为他们在第一堂课中看到了它”。我知道这对我来说是一种习惯,因为客户总是倾向于以某种方式改变他们的想法,而且进进出出之后再摆弄它要容易得多,当然,我就是这样学会的!