ie7的布局问题

【问题标题】：Layout issue with ie7ie7的布局问题
【发布时间】：2012-08-07 06:51:19
【问题描述】：

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

【问题讨论】：

【解决方案1】：

给你：

简而言之，改变：

display:inline-block;

到

display:inline;

并添加：

float:right;

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

【讨论】：

【解决方案2】：

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

如果您试图让一组<li> 或<div> 标记采用display:inline-block，则通常会出现这种类型的IE7 问题——这适用于IE8 和其他浏览器的当前版本。

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

【讨论】：

【解决方案3】：

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

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

【讨论】：