Html 如何水平分割网页？

我正在学习

HTML

。我正在读一本书中的

标签。我理解它是如何将网站分成垂直的部分的，但我也看到过人们在侧边栏使用

标记的例子。标签如何水平工作？

它被视为块元素，宽度为100%

---

我建议您在文本编辑器和浏览器中尝试，在其中添加背景色和一些内容。

要让它们并排出现，您需要使用CSS。默认情况下，div元素的“显示”属性设置为“块”。因此，后面的元素通常会出现在下面

要设置两列，假设您有以下内容：

<div class="container">
   <div class="left"></div>
   <div class="right"></div>
</div>

可以通过将CSS规则应用于类来设置列：

<style type="text/css">
    .container {
      width:500px;
    }
    .left {
      width:250px;
      float:left;
    }
    .right {
      width:250px;
      float:right;
    }
</style>

.集装箱{
宽度：500px；
}
.左{
宽度：250px；
浮动：左；
}
.对{
宽度：250px；
浮动：对；
}

---

简而言之，我给它一个最大宽度的容器。这不是必需的，但通常是这样做的。然后我将两个div都设置为容器宽度的一半，并将float left放在容器上。所以所有的元素都会粘在它旁边。右浮动是可选的。但是，如果将容器加宽，则右侧的div将粘在右侧。

请将HTML标记的格式用反引号（`）括起来。抱歉。我正在编辑它，但多亏了贾里德。他在我之前就做了：）如果你还没有阅读，请阅读上面的内容。此外，你可能会结帐，我需要记住有时使用该网站：）。要补充的是，如果去掉container div，中间的两个div将使用全宽度。因此，右侧将位于屏幕的最右侧。