css漂浮正确的空间

Question

任何人都知道如何解决这个问题！在'Get In Touch按钮'上

它可以在除IE7之外的其他浏览器中找到;
HTML：

<NAV>
    <UL>
        <LI><a href="#">Home</a></LI>
        <LI><a href="#">Branding</a></LI>
        <LI><a href="#">About</a></LI>
        <LI><a href="#">Get In Touch</a></LI>
    </UL>
</NAV>

CSS：

nav { float:right;}
nav ul { margin:0px; padding:0px; }
nav ul li { float:left; }
nav ul li { display:block; background:#ccc; padding:5px; margin-left:5px;}

Answer 1

将white-space:nowrap添加到nav ul li CSS规则中。

关于white-space属性：http://vidasp.net/CSS-white-space-property.html

Answer 2

您可能需要在列表和/或导航容器上明确设置宽度。

这在IE7及以下版本中非常常见，需要告知哑巴浏览器为内容分配的空间。

Answer 3

nav ul li { display:block; background:#ccc; padding:5px; margin-left:5px; width: auto; }

添加width: auto; - 看看是否有帮助。

神经

Answer 4

使用

clear: right; float:right;