Html 浮动收割台，有没有比我更好的方法？

所以这里是

下面是代码，这主要是我一直以来制作浮动头的方式。我只是想知道是否有更好的方法来做，或者对如何做有新的期望

HTML

---

非常感谢您的帮助。

我唯一要做的改变就是使用HTML5标签

<header>

而不是

<div id="header">

---

有时，为了更容易处理内容区域顶部的折叠页边距，我将

overflow:auto

添加到包含的块中：

#page {
    height: 200px;
    width: 100%;
    margin: 50px 0 0 0;
    background: #ddf2fc;
    overflow: auto;
}

这将强制

#page

启动块格式上下文，这意味着

#page

的第一个子元素的任何上边距都将位于距页面顶部50px的位置。根据您的设计，这可能是有利的

参考：

---

参见

h1

中的示例：

您如何知道他/她正在使用html5？不要粗鲁，但我今天没有使用html5，我知道现在是2013年。到目前为止，我还没有接触到HTML5，因为很多人仍然不使用HTML5，而是使用我的编码。我对HTML5有一个大致的了解，可以在其中编写代码，但不是每个人都可以。几乎每个人都在使用HTML5标签（），只有IE8和更早的版本没有做到这一点，而这很容易用HTML5shiv解决。是的，溢出会以任何方式添加，主要是在标题中添加导航和徽标。很高兴知道，谢谢。

<div id="header">

#page {
    height: 200px;
    width: 100%;
    margin: 50px 0 0 0;
    background: #ddf2fc;
    overflow: auto;
}