奇怪的Firefox溢出/浮动行为

Question

我有一个simple layout可以在Chrome，Safari甚至Opera（OS X）中正常使用。这里的惊喜是Firefox。 （IE和Win尚未测试）。

问题是fieldset.ownerbox在Firefox中没有浮动。 （饼图下方的两个半透明字段集）

此处适用的CSS规则：

#owners {
position: relative;
width: 940px;
left: 0px;
margin-left: 0px;
z-index: 1;
top: -240px;
font-size: 16px;
}
.ownerbox {
width: 310px;
height: 150px;
padding: 10px;
margin-right: 20px;
float: left;
background: rgba(255,255,255,0.5);
color: #000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.ownerbox.large {
width: 500px;
padding: 0px 10px 20px 10px;
}

请帮助，我的方法有什么问题？

Answer 1

重新调整宽度，以便将填充考虑在内。您可以overflow-x:hidden; #owners查看“包含”的内容。

或者调整#owners的宽度。

修改：似乎您需要clear:both上的#owners。