2011-06-07 221 views
5

我想圍繞一個塊包裹一個列表,而IE並沒有讓我的生活更輕鬆。如何在一個塊/圖像周圍包裹一個列表?

該塊在左側浮動,所以我期望列表在右側。雖然它適用於所有的瀏覽器,但它在IE中看起來很醜,因爲IE會將文本放在右側,並將子彈放在圖像的左側。

看一下例子:http://jsfiddle.net/xA9n8/

如何解決這一問題?

UPD:我在IE9中測試了它。

+0

在其IE的版本是這樣的失敗?在IE8中我看起來很好。 – jsonnull 2011-06-07 05:56:06

+0

Internet Explorer 9 – 2011-06-07 06:00:19

+0

對於我回答的最後一個jsfiddle問題,錯誤的來源是jsfiddle本身。你是否在獨立的HTML文件中試過這個文件,而沒有其他文件? – 2011-06-07 06:15:43

回答

2

給列表項屬性float:left;seems to work。之後您可能需要插入<div style="clear: left;" />以防止其他元素浮動。

+0

該列表在圖片下面,而不是在右邊。 – 2011-06-08 08:00:22

1

嘗試ul{float:left;}。我覺得它似乎工作。

+0

該列表現在位於圖片下方,而不是右側。 – 2011-06-08 08:00:41

7

對於googlez:

#somebox ul li { 
    list-style-position: inside; 
} 
相關問題