CSS - 将div推到右浮动内容下方

时间:2012-10-02 17:08:16

标签: css layout html css-float margin

我使用浮动有困难。现在我试着让一些内容浮动到屏幕的右侧,我希望非浮动的内容低于它。然而事实证明,非浮动占据了屏幕的左侧。然后我为非浮动添加了上边距,这样它就会被推下来,但奇怪的是它不起作用。 Here是我在Fiddle中的示例代码。

我现在该怎么办?有没有办法解决这个问题,而不必使用绝对位置?我试图避免它,因为它在使用不同的浏览器时会导致问题。 每个建议都表示赞赏。谢谢。

3 个答案:

答案 0 :(得分:4)

也许我误解了你的问题,但是为了将非浮动内容推送到浮动内容之下,你应该将CLEAR:BOTH;设置为非浮动元素。

答案 1 :(得分:3)

在所有浮动元素之后使用<div style="clear:both"></div>

答案 2 :(得分:0)

clear: right;添加到#preamble, #explanation CSS规则中。

Fiddle.