它是有用的#容器、#包装在每一个CSS布局?
-
19-09-2019 - |
题
它是有用的,以增加全代码 #container
, #Wrapper
在每一个CSS布局?我们不能让的布局没有这种额外的 div
?什么优点和缺点使用这一额外 div
?
这是好的做法?它是有用的任何类型的设计和布局?它是语义上正确的吗?
解决方案
它是有用的,以增加整个码#容器、#包装在每一个CSS布局?
它将不需要 每 布,除非每一个布局是一样的,然后,如果他们只需要一个包装/容器。
我们不能让的布局没有这种额外的div?
是的,你有时可以省去额外的包装div。
有什么优点和缺点,以利用这额外的div?
它完全取决于你的布局。常常与一个固定的宽度为中心的设计、包装,使大部分意义。你还可以风格的 body
标记,但随后的叠加和其他因素可能不同,或者没有完全填补屏幕上取决于其执行情况。
这是好的做法?
是的,但是,只有当的布局需要它。
它是有用的任何类型的设计和布局?
它通常是有用的,当你需要做一定的宽度,为中心的布局。不确定的其他用途是有帮助的。
它是语义上正确的吗?
不是真的 body
真的是一个非常好的 container
或 wrapper
因此添加另一条是多余的。然而,这是一个必要的罪恶中的许多设计根据浏览器所需的支持或布局需要。继续前进和使用它而不用担心如果它是有意义的项目以及布局。
其他提示
如果你有 <div id="container"><div id="Wrapper">的东西</div></div>然后当然你可以简化。也许是尝试改变id类,如同在 <div class="container"><div class="Wrapper">然后在你的风格的改变#容器。容器和包装物。包装。
如果它仍然有效,可以删除的内部通过组合的风格。如果这太难了(太多的风格编辑),可以简单地加入课程在一个单一的div:<div class="container Wrapper">的东西</div>.
把一个容器格周围的整个网页,可以在某些情况下非常有用的,例如如果你想的中心的一切,你可以把 margin: 0 auto;
在容器上的div和做。这就是说,它当然不需要也没有用 每 类型的布局。
作语义上的正确性,确保具有一个 div
作为唯一的直接孩子的 body
绝对是好的。一个 div
标记没有任何语义含义,并在本身,非常原因,它介绍了能够做的布局没有滥用的语义的标签。