0

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

我有一个列表,其中包含 2 个跨度元素。我希望第一个 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/

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

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

问候。

4

2 回答 2

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;

}
于 2012-07-20T06:43:37.897 回答
0

尝试添加clear:rightli元素中

#basic_info li {
border-top: 0.1em solid #DFDFDF;
background: #F7FEF3;
clear: right;
}
于 2012-07-20T06:17:59.163 回答