html - 向右浮动，向左下推内容

Question

我将 SVG 浮动到右侧。我希望这些成为最上面的对象并将其余内容向下推。标题和段落应推到居中菜单下方。请启发我如何做到这一点。我对这一切都很陌生。

在 html 中，菜单和 SVG 位于第一位。应用 CSS 后，情况不再如此。由于我将 SVG 浮动到右侧，它似乎释放了标题/段落出于某种原因声称的 SVG 左侧的空间。让我觉得更奇怪的是它也绕过了菜单。

我不想在段落和标题以及下面的所有其他内容上都使用 clear:both。也将不胜感激任何其他有用的评论。谢谢！

不确定下面要包含哪些代码......小提琴可能会更有用。 http://jsfiddle.net/akLQk/2/

svg {
float:right;
}

score 5 · Accepted Answer

尝试在所有 svg 内容之后添加：

<div style="clear:both"></div>

它将下推您的所有其他内容。希望能帮助到你：）

score 3 · Accepted Answer

您还可以将 SVG 和导航菜单包装在一个 div 中，然后在您的 CSS 中执行以下操作：

yourDivWrapper { overflow: auto; }

我在这里这样做了：http: //jsfiddle.net/joelisadev/StPky/

2 回答 2