ie7的佈局問題

Question

它看起來像我的website在ie7中看起來不太好（請看下面的截圖） 我的菜單應該是水平的是垂直的，並且facebook按鈕彼此相鄰而不是彼此相鄰。 有沒有辦法解決這兩個問題？ 非常感謝，

Answer 1

在這裏你去：

http://jsfiddle.net/aKPgt/

概括地說，變化：

display:inline-block; 

到

display:inline; 

，並添加：

float:right; 

請記住，您需要在無序列表中反轉您的菜單項的順序，因爲 您正在浮動右而不是左。

Answer 2

「我應該是橫向菜單是垂直的」

如果你試圖讓一組<li>或<div>標籤採取display:inline-block通常會發生這種類型的IE7問題 - 在IE8和其他瀏覽器的當前版本中工作。

問題是，IE7尊重display:inline-block，但僅適用於默認情況下內聯的元素，如<span>或<a>。所以它只是將它們保留爲塊，因此它們垂直堆疊。

Answer 3

我會嘗試將float: left;應用於#nav > li和#nav a。

這應該解決與IE7垂直堆棧問題。