css - 如何使用 CSS 并排 float 3 个 div?

标签 css css-float

我知道如何让 2 个 div 并排 float ,只需将一个向左浮动,另一个向右浮动即可。

但是如何用 3 个 div 来做到这一点,还是我应该只使用表格来达到这个目的?

最佳答案

只需给它们一个宽度和float: left;,这是一个例子:

<div style="width: 500px;">
 <div style="float: left; width: 200px;">Left Stuff</div>
 <div style="float: left; width: 100px;">Middle Stuff</div>
 <div style="float: left; width: 200px;">Right Stuff</div>
 <br style="clear: left;" />
</div>

关于css - 如何使用 CSS 并排 float 3 个 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2156712/

相关文章:

css - 将边框宽度限制为 block 元素中的文本宽度

html - 马赛克风格的图像网格、 float 和边距

css - 具有 `display: run-in` margin 行为的假 “correct”

html - 带有 HTML 和 CSS 的进度条

css - 带有 CID 图像的 HTML 电子邮件,有没有办法重复背景或将其拉伸(stretch)到 100% 宽度?

html - 单击时如何使图标成为下拉列表?

css - 如何断线? (和 safari 移动问题)

css - Tumblr:显示帖子编号

html - 动态使两个 float div具有相同的高度

html - header 中 div 标签的水平对齐方式