Question

我有以下代码在firefox中工作正常，即8，但在IE 7中，第二个li带有一些顶部空间而不是同一行。

    <LI style="PADDING-LEFT: 20px">
           Sort by: <SELECT id=ddSortOrder class='content-select'> 
    <OPTION selected value=0>Recommended
    </OPTION></SELECT> 
    </LI>
    <LI id=lipageAnchors><<&nbsp;|&nbsp;<&nbsp;|&nbsp;Previous&nbsp;|&nbsp;
    <A class=current title=1 >1</A>&nbsp;|&nbsp;
    <A title=2>2</A>&nbsp;|&nbsp;
<A title=3 >3</A>&nbsp;|&nbsp;
<A title=Next >Next</A>&nbsp;|&nbsp;>&nbsp;|&nbsp;>></LI>

第一个<li>按预期向左进入，但第二个<li>应该向右浮动，但是右边有一些额外的空间。我希望<li>位于同一行（位置），它在firefox和IE 8中有效，但在IE 7中却不行。

图片链接alt text http://www.imagechicken.com/viewpic.php?p=1275649526056730400&x=jpg http://www.imagechicken.com/viewpic.php?p=1275649526056730400&x=jpg

请帮忙！

由于 Ashwani

Answer 1

您的代码中存在一些html错误。

将<替换为%lt;，将>替换为>。因为<&nbsp>将呈现为无效的html标记。

请记住将html-tag属性值包装在"（双引号）中，如下所示：

<li id="lipageAnchors"></li>

要回答关于float:right的问题，请将其放在<ul>标记上。您也可以在其上设置宽度，以确保将其向右移动。

我希望这会有任何帮助。

Answer 2

这是因为您有以下HTML代码：

</LI>
<LI>

如果你把它们放在一行，你应该没事。

float：右边<li>无法正常工作</li>

2 个答案: