2011-06-07 89 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; 
} 
相关问题