html - `float: left;` 问题

标签 html css

请参阅this fiddle .

基本上,我有两个 div,它们有 float: left;并由 <br/> 分隔.问题是 div一个并排显示,而不是一个显示在另一个下方,中间有一个空格。

最佳答案

你需要clear: left , 你可以使用 margin-bottom:1em如果你愿意,可以给出中间的间隙。 http://jsfiddle.net/zn5wA/1/

float:left <br>只会出现在 float 元素的旁边。

关于html - `float: left;` 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7917822/

相关文章:

html - 如何保持图像宽度与窗口大小相同

html - CSS 左边距问题

javascript - 如何通过 JavaScript 或 jQuery 为每个 li 元素获取不同的 ID

html - 可以同时使用 ~ 和 + 选择器吗?

html - 如何将内容保留在容器内具有 2 种背景颜色的 2 列布局中?

javascript - 如何在没有收到 "Page Unresponsive"警告的情况下从 javascript 显示打印对话框?

html - 自定义 CSS 在 WP 中不起作用?

c# - 更改@Html.EditorFor/自定义模板类 | ASP.NET MVC 4

css - 如何更改所有 Ionic 弹出窗口的不透明度

javascript - Framework7 中的文件输入编程单击