Internet Explorer 7 浮动列表元素答案

【问题标题】：Internet Explorer 7 floated list elementInternet Explorer 7 浮动列表元素
【发布时间】：2012-07-20 14:43:37
【问题描述】：

过去几个小时我一直在互联网上搜索这个问题的解决方案，但一直找不到任何东西，尽管有一些类似的问题，但似乎没有一个与此相同。

我有一个列表，其中包含 2 个 span 元素。我希望第一个 span 元素向左浮动，第二个向右浮动。

在除 IE 7 之外的所有浏览器中，这使得正确的元素出现在下一行。

像这样：

左

左右

  RIGHT - (this is not meant to be in a code block, unsure how to remove it)

（有超过 3 个元素，但这是一个一般示例 - 有问题的页面位于：http://www.blisshair.com.au/testing/）

我不确定要进行哪些修改来纠正此问题。

如果有人能帮助我，我将不胜感激。

问候。

【问题讨论】：

你能提供一些屏幕截图（FF/IE）吗？关于你的问题？以及与定位 3 个div 元素（用于 FF）相关的 CSS。
今晚我遇到了类似的问题（不肯定这是同一件事），但我必须将zoom:1; *display: inline; 添加到我漂浮的元素中。见stackoverflow.com/questions/11571078/…。
那没用，还是谢谢！从下面的 Jayaraj 获得解决方案。再次感谢

标签： html css internet-explorer internet-explorer-7

【解决方案1】：

尝试将此添加到您的 CSS 中，这可能会对您有所帮助

#basic_info ul {
padding:0px;
margin:0px;
list-style-position:inside;
list-style-image:url(tick.png);
width:100%; 
position: relative;
font-size:0.8em;
float: left;    

}

#basic_info li {
border-top:0.1em solid #DFDFDF;
background:#F7FEF3;
position: relative;
width:100%;
float: left;

}

【讨论】：

嘿，非常感谢，完美解决了！现在我将通过这个，看看我是否能弄清楚是什么导致了它。再次感谢！

【解决方案2】：

尝试将clear:right 添加到li 元素中

#basic_info li {
border-top: 0.1em solid #DFDFDF;
background: #F7FEF3;
clear: right;
}

【讨论】：