向右浮动,向左推内容

时间:2012-11-15 20:33:37

标签: html css

我将SVG浮动到右边。我希望这些是最重要的对象,并推动其余的内容。标题和段落应该被推到centermenu下面。请告诉我如何才能做到这一点。我是这一切的新手。

在html中,菜单和SVG首先出现。在应用CSS之后,这已不再适用。由于我将SVG向右浮动,它似乎释放了SVG左侧的空间,标题/段落由于某种原因而声称。让我头脑更加怪异的是它绕过了菜单。

我不想使用clear:段落和标题以及下面的其他所有内容。非常感谢任何其他有用的评论。谢谢!

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

svg {
float:right;
}

2 个答案:

答案 0 :(得分:5)

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

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

它将推送您的所有其他内容。希望它有所帮助:)

答案 1 :(得分:3)

您也可以将SVG和导航菜单包装在div中,然后在CSS中执行以下操作:

yourDivWrapper { overflow: auto; }

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