当未指定高度时,IE7 不在导航栏中浮动列表元素
我制作了一个导航栏,它在除 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
试试这个: http://jsfiddle.net/moeishaa/W43w5/
我删除了
float: left
和ul
的height
。向ul
添加了新的 css 类clearfix
。当您浮动物体时,将clearfix
类添加到父级,您应该被设置。您不需要指定高度Try this: http://jsfiddle.net/moeishaa/W43w5/
I removed
float:left
and theheight
from theul
. Added a new css classclearfix
to theul
. When you are floating things, add theclearfix
class to the parent and you should be set. You dont need to specify a height