创建两列布局 - html/css 语义

2023-12-10

我想创建一个非常简单的具有 2 列的液体布局 - 左边的一列将具有固定的宽度,右边的一列将取决于窗口大小。

布局将包含 4 个元素 - 页眉、导航、内容和页脚。

根据 HTML5 元素的语义,我有几个问题。

这是代码:

<body>
   <div id="container">
       <header>
          <div id="header">
             sadfsdf
          </div>
       </header>
       <nav>
          <div id="nav">
             gdfsgf
          </div>
       </nav>
       <article>
          <div id="article">
             gdffgdg
          </div>
       </article>
       <footer>
          <div id="footer">
             gdfsgf
          </div>   
       </footer>
   </div>
</body>

1)容器div真的有必要吗?我所做的是: HTML 具有字体/行高属性 BODY 有一些边距和背景图片 CONTAINER 包含其余部分

可以吗?将 body 内容放入 html 中,并使 body 成为容器?

2) header、nav 中的内部 div 是否有必要?它们在那里是因为我可以更改填充、边距和边框,而无需更改元素的宽度。我应该在每次更改时设置这个宽度吗?


1)是否需要容器div很大程度上取决于您的实际设计,但从您所展示的内容来看,这并不是真正必要的。什么是身体物质?

2)你自己已经回答了你的问题。如果你想防止由于填充、边距、边框而导致溢出,请保留它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

创建两列布局 - html/css 语义 的相关文章

随机推荐