Question

似乎无法弄清楚为什么我的导航栏没有向左浮动。现在已经搞好了一个小时，不知道发生了什么。任何帮助将不胜感激。

http://ithacawebdesigners.com/temp_data/wildfirewp/

Answer 1

减少#lamp的上边距并从#header和#lamp中删除浮点数。然后它将在标题下流动。不需要时不要使用花车。

Answer 2

它向左浮动 - 它位于徽标后面。由于浏览器窗口中有空间，因此它位于徽标旁边。缩小浏览器窗口，它将下拉。

我认为你不需要漂浮这个东西 - 把浮子拿出来，它将位于徽标下方的左侧。

Answer 3

这是因为你的标题也是浮动的。如果你想要它在左边，那么你需要清除浮动。在导航之前添加此标题。

<div class="clear"></div>

一旦你这样做，你的导航就会有一个间隙，你可以通过调整#lava边距来修复。

#lamp {
margin:25px 0 0;
}

Answer 4

将clear:left添加到#lamp并删除上边距。

Answer 5

指示灯浮在标题左侧，添加一个清晰的：两者都是：）

[编辑] ...或取出花车，你不需要热水

Answer 6

不要使用两者清除或向左浮动或任何其他乱码。

您想在.lavalamp类上使用

的位置是：绝对的; 顶：100px的; 右：0像素;

确保删除.lavalamp类的相对位置。根据需要调整顶部和右侧。您可能只想指定左：0px;

添加位置：相对于你的#wrapper div。

应该这样做。

：）

Answer 7

你不需要漂浮物。在代码中将图像放在图像前面。移除浮子。给你的标题容器足够的空间以适应菜单和图像，它们应该流动，左边的菜单和右边的图像。

此外，菜单上的嵌套显示：

<ul class="lavaLamp">
            <li class="current"><a href="#">Home</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Events</a></li>
            <li><a href="#">Links</a></li>
            <li class="back"><div class="left"></div></li>

        <li style="left: 15px; width: 65px; display: list-item;" class="back"><div class="left"></div></li></ul>

css定位

7 个答案: