Html css中的简单布局

我试图有几个小时自己的布局，但我仍然有一个问题。我想提出：

我希望身体是灵活的。最大宽度页900px。我无法应付浮漂和清除

实例：

---

谢谢你的帮助

首先尝试将它分成不同的分区：页眉、页脚、两面和一个内容。侧面又由3个元素组成（在您的例子中可能是div）。

稍微重新排列HTML后（移动所有侧边栏项目以彼此对齐-一左、一右、两左等），我重新创建了这种效果，假设您希望主体包含浮动项目，并在下面溢出

如果这不是您想要的效果，我建议您将HTML重新排列为三列，如下所示：

<div class="column-left"></div>
<div class="column"></div>
<div class="column-right"></div>

在这些div中，您可以拥有您想要的任何元素，您只需要在这里浮动左右列。

//顶栏
<div ></div> //top bar

<div id="left column" style="width:100px;float:left;">
   <div style="float:left; width:100px;">//left boxes
   <div style="float:left; width:100px;">
   <div style="float:left; width:100px;">
   <div style="float:left; width:100px;">
</div>

<div id="center column"  style="float:left; width:500px;">
     <div style="float:left; width:490px;"> //center box
</div>

<div id="rightcolumn" style="float:left; width:100px;">
   <div style="float:left; width:100px;">//right boxes
   <div style="float:left; width:100px;">
   <div style="float:left; width:100px;">
   <div style="float:left; width:100px;">
</div>

//左框
//中心盒
//右框

---

您还可以使用css属性height:190px；设置不同的高度。希望这对您有所帮助。

如我所说，尝试使用我随后提供的HTML格式，只需按如下方式设置属性：

。column left{float:left；width:[输入宽度]；}。column right{float:right；width:[输入宽度]；}

这样，它将使内容与边缘保持一致，不管身高。像这样的东西：可以吗？（只需在立柱上添加衬垫即可正常工作）