Javascript IE7浮动单选按钮问题

我在IE7中对我为这个网站制作的重新登记表有问题，它只会把底部搞乱，只会出现在IE7中。出现问题的页面如下所示：

此页底部的单选按钮按相反顺序显示。我用CSS像这样设置它们，但这不是它们的显示方式。你知道为什么吗

    #packagechoice{
        width:20px;
        position:relative;
        margin-left:190px;
        margin-top:15px;
        float:left;
    }

    #packagechoice2{
        width:20px;
        position:relative;
        margin-left:190px;
        margin-top:15px;
        float:left;
    }
    #packagechoice3{
        width:20px;
        position:relative;
        margin-top:15px;
        float:left;
}

---

使用

float:left

时，最左边的项目需要首先出现在HTML中。您的HTML的顺序与此相反

编辑：

HTML的问题在于单选按钮和包是独立的行项目。它们在HTML中看起来很遥远。您的代码也会受到DIV-itis的影响。它缺乏语义结构，这就是为什么事情没有按照你期望的方式进行合作

考虑这一点：

<style>
.packages ul, .packages li {
    list-style:none;
    padding:0;
    margin:0;
}

.packages li {
   float:left;
}

.clear {
    clear:both;
}
</style>

<div class='packages'>
    <ul>
        <li>
             --- your package ---
             --- your radio button ---
        <li>
        <li>
             --- your package ---
             --- your radio button ---
        <li>
        <li>
             --- your package ---
             --- your radio button ---
        <li>
   </ul>
   <div class="clear"></div>
</div>

.ul包、.li包{
列表样式：无；
填充：0；
保证金：0；
}
李先生{
浮动：左；
}
.清楚{
明确：两者皆有；
}


---你的包裹---
---你的单选按钮---


---你的包裹---
---你的单选按钮---


---你的包裹---
---你的单选按钮---

一起去的东西是列表。HTML中已经有一个列表标记：

UL

或

OL

，正确使用它很重要，是消除DIV的一个很好的方法。列表具有语义意义，对于搜索机器人和屏幕阅读器来说更友好

有一篇关于这个问题的优秀文章

---

了解如何有效地使用列表是黑客和专业人士之间的区别。去学习这一点。

当使用

float:left

时，最左边的项目需要首先出现在HTML中。您的HTML的顺序与此相反

编辑：

HTML的问题在于单选按钮和包是独立的行项目。它们在HTML中看起来很遥远。您的代码也会受到DIV-itis的影响。它缺乏语义结构，这就是为什么事情没有按照你期望的方式进行合作

考虑这一点：

<style>
.packages ul, .packages li {
    list-style:none;
    padding:0;
    margin:0;
}

.packages li {
   float:left;
}

.clear {
    clear:both;
}
</style>

<div class='packages'>
    <ul>
        <li>
             --- your package ---
             --- your radio button ---
        <li>
        <li>
             --- your package ---
             --- your radio button ---
        <li>
        <li>
             --- your package ---
             --- your radio button ---
        <li>
   </ul>
   <div class="clear"></div>
</div>

.ul包、.li包{
列表样式：无；
填充：0；
保证金：0；
}
李先生{
浮动：左；
}
.清楚{
明确：两者皆有；
}


---你的包裹---
---你的单选按钮---


---你的包裹---
---你的单选按钮---


---你的包裹---
---你的单选按钮---

一起去的东西是列表。HTML中已经有一个列表标记：

UL

或

OL

，正确使用它很重要，是消除DIV的一个很好的方法。列表具有语义意义，对于搜索机器人和屏幕阅读器来说更友好

有一篇关于这个问题的优秀文章

---

了解如何有效地使用列表是黑客和专业人士之间的区别。去学这个。

试过了，还是一样。试过了，还是一样。