css - 修复 2 个 Internet Explorer 7 css 错误

Question

您好，我有一个正在为客户制作的网站，他需要它在 ie7 上正常工作。除了 2 件事之外，该网站的大部分工作正常。

我注意到的第一件事是，当我 float 一个 ul 时，列表样式消失了，我需要它们 float 但也显示列表样式。解决方法是添加图像，但这可能会证明有问题，因为我有5 个 ul，第一个使用 decimal list-style ，第二个使用大写拉丁字母和其他 3 个正方形和圆圈。为每个添加一个 each 意味着为每个添加一个 id。

还有别的办法吗？

第二个问题如下图所示:

这是我正在使用的 html:

 <label>RADIO BUTTONS</label>
 <input type="radio" value="Male"/>Male<br/>
 <input type="radio" value="Female"/>Female

 <label>CHECKBOXES:</label>
 <input type="checkbox" value="CHECK1"/>CHECK1<br/>
 <input type="checkbox" value="CHECK2"/>CHECK2<br/>

我在这里使用的唯一 css 是 display:block 使标签保留在自己的行上，因此这不应影响输入右侧的文本。

如何使输入右侧的文本保持在同一行？

Answer 1

对于问题 1，只需将列表放在它们自己的容器中并 float 容器而不是列表。

对于问题二，使用实际标签作为文本标签。对于 IE7，您可能希望 float 复选框并清除它们，而不是标签。我想如果你同时 float 标签和复选框，IE7 会把它搞砸，但如果只 float 复选框不起作用，你可以尝试一下