html - float div不重叠

标签 html css css-float

我有 3 <div> s,我需要把第二个放在右边,所以我用了#two {float:right;}

这是我的current result :#one在左边,#two在右侧;两者均如预期。问题是#three浮起来了。

我试图输入#one#two在一个单独的 div 内而不是 #three ,但问题依然存在。

这是我的expected result : #three 的顶部应与 #two 的底部处于相同的垂直位置.

最佳答案

您可以在 div3 上添加 clear:both

参见 DEMO

关于html - float div不重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17892172/

相关文章:

html - 如何控制CSS3动画的时序

html - 如何强制所有 ul 元素保持在一行中?

html - 修复了顶级菜单问题

css - 如何在 jquery mobile 中正确使用 ui-btn-left 和 ui-btn-right 类

html - Css float li 但不是 ul

javascript - div 内容与表格内容重叠

javascript - 使脚本适用于两种输入,可能吗?

html - 获取输入 type=text 看起来像 type=password

html - 背景尺寸覆盖不起作用

javascript - 使用 JQUERY 在 tbody 没有行时更改 css