当未指定高度时,IE7 不在导航栏中浮动列表元素

发布于 2024-10-26 03:33:00 字数 373 浏览 6 评论 0原文

我制作了一个导航栏,它在除 IE7 之外的所有浏览器中都能完美运行。下面是示例的链接。这是我想要完成的任务的快速解释。导航栏包含在 ul 中,并将每个列表项浮动到左侧,这在除 IE7 之外的所有浏览器中都能完美运行,在这种情况下,每个 li 项都在自己的行上,并且所有但第一个是隐藏的,因为 ul 有一个设定的高度。我尝试了我能想到的一切(甚至改变显示模式)但没有任何效果>我知道使用特定宽度可能更容易,但我只是认为必须有更简单的东西。谢谢

查看下面的示例:
http://jsfiddle.net/XV9nQ/

I made a navbar and it works perfectly in all browsers except IE7. Below is a link to an example. Here is a quick explanation of what Im trying to accomplish. The navbar is wrapped in a ul and floated each list item to the left this works perfectly in all browsers except IE7 in which case each li item is on its own line and all but the first one is hidden, because the ul has a set height. I tried everything I could think of (even changing display modes) and nothing worked> I know it might be easier to use specific widths but I just think that there has got to be something simpler. Thanks

Check out the sample below:
http://jsfiddle.net/XV9nQ/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

缱绻入梦 2024-11-02 03:33:01

试试这个: http://jsfiddle.net/moeishaa/W43w5/

我删除了 float: leftulheight。向 ul 添加了新的 css 类 clearfix。当您浮动物体时,将 clearfix 类添加到父级,您应该被设置。您不需要指定高度

Try this: http://jsfiddle.net/moeishaa/W43w5/

I removed float:left and the height from the ul. Added a new css class clearfix to the ul. When you are floating things, add the clearfix class to the parent and you should be set. You dont need to specify a height

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文