ie7的布局问题

Question

看起来我的website在ie7看起来并不好看（见下面的截图） 我的菜单应该是水平的垂直，facebook＆amp;推特按钮彼此相对而不是彼此相邻。 有没有办法解决这两个问题？ 非常感谢，

Answer 1

“我的菜单应该是水平的”是垂直的“

如果您尝试将<li>或<div>个标记设为display:inline-block，则通常会出现此类IE7问题 - 这在IE8和其他版本的当前版本中有效浏览器。

问题是，IE7尊重display:inline-block，但仅限于默认情况下内联的元素，例如<span>或<a>。所以它只是将它们保持为块状，因此它们垂直堆叠。

Answer 2

我会尝试将float: left;应用于#nav > li和#nav a。

这应该可以解决IE7的垂直堆栈问题。

Answer 3

你走了：

http://jsfiddle.net/aKPgt/

简而言之，改变：

display:inline-block;

到

display:inline;

并添加：

float:right;

请记住，您需要在无序列表中反转菜单项的顺序，因为 你是漂浮在右边而不是左边。