CSS - 右下角浮动内容下推div

我在使用浮动时遇到困难。现在我试着让一些内容浮动到屏幕的右侧，我期望非浮动内容在它下面。但事实证明，非浮动占据了屏幕的左侧。然后，我将顶部边距添加到非浮动，这样它会被推下来，但奇怪的是它不起作用。 Here是我在小提琴中的示例代码。CSS - 右下角浮动内容下推div

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

现在，你的序言和解释的内容不够长流低于浮动元素。你能解释一下你想要的最终结果吗？ – KatieK

也许我误解了你的问题，但为了将非浮动内容推到低于浮动的内容，你应该将CLEAR:BOTH;设置为非浮动元素。

2012-10-02 17:14:56 juanignaciosl

不，你理解它是正确的。它完美的工作，谢谢你！ –

不客气！ – juanignaciosl

使用<div style="clear:both"></div>毕竟浮动元素。

2012-10-02 17:09:38

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

2012-10-02 17:16:58

回答