Question

我正在使用这个CSS代码在同一行显示几个单选按钮：

#new .radioLine
{
 width: 400px;
 float: left;
}

#new .radio
{
 width: 80px;
 height: 20px;
 float: left;
}

.radioLine环绕.radio div，例如：

<div id="new">
<div class="radioLine">
 <div class="radio"><input type="radio" name="radio" value="one">One</div>
 <div class="radio"><input type="radio" name="radio" value="two">Two</div>
 <div class="radio"><input type="radio" name="radio" value="three">Three</div>
</div>
</div>

在我的firefox浏览器上，这些都显示在同一行，但是我的朋友计算机上的同一页面（也在firefox下）显示在单独的一行上。

Answer 1

也许他们应该清除浏览器的缓存。或者只是多次刷新页面。

Answer 2

对CSS规则进行了一些更改，因为您使用的选择器不适用于所提供的标记（在任何地方都没有ID为new的元素）：

.radioLine
{
    width: 400px;
}

.radio
{
    width: 80px;
    display: inline-block;
}

示例（适用于FF，IE和Chrome）：http://jsfiddle.net/RNEJZ/

单选按钮漂浮在我的Firefox上，但没有放在我的朋友firefox上

2 个答案: