CSS：3列布局，主要内容带有浮动元素

我希望这能解释我想要什么。 当我有一个有3列的布局（一列在左边，一列在右边，最后一列在中间（CSS上没有设置flot），布局是完美的！但是，如果我想在CSS中使用float设置在中心空间添加一些元素，如果我设置“clear:left；”，我会在左列内容的末尾得到新元素…这是令人讨厌的结果

---

但是，如果你看到我的小提琴，你可以更好地理解我想要的。

如果我正确理解你，你就不能用

清除：左；

，在中间添加元素，没有理由这样做。将所有元素赋予

显示：内联块；垂直对齐：顶部；

，然后像这样设置你的html。它们将是左一个，右一个和左一个st位于中心，是一个不需要的元素

<div class="width:200px;/* you can set if you want */">fist elem</div>
<div>content</div>
<div>some elements</div>
<div class="width:200px;/* you can set if you want */">last elem</div>

first元素
内容
一些元素
最后元素

确保仔细使用宽度、最小宽度、最大宽度css属性， 并且要非常小心位置：相对和显示：块

在使用上述css属性的最后使用边距，并且在没有边框的css中不使用边距我一直在为所有css初学者编写这篇文章，但永远不要忘记css中的这条规则，因为如果您不向元素添加边框，您和其他人很难看到设计从哪里开始破坏

还有一点要记住，在使用浮动时，请确保浮动元素的高度相等，因为

|  |
|  |    | |

---

当每个div（左一个高100px，右一个高50px）浮动时，右一个指向左一个下方的右一个div。

垂直对齐！你是对的！太棒了！非常有用！再次感谢你宝贵的帮助！谢谢尼娜，但我不是一个“真正的”人初学者…我从2001年开始学习CSS，但是垂直对齐是一个未知的和“我从来没有想过它会工作”…但是这个想法与乏味的IE相伴而生！！！哦！我的错：（谢谢你的支持，先生；此外，我已经将这个页面添加到书签中，因为这里有一些新的东西需要学习。