同一版本的firefox(v12)在两台不同的计算机上以不同的方式显示固定宽度浮动

同一版本的firefox(v12)在两台不同的计算机上以不同的方式显示固定宽度浮动,firefox,css-float,Firefox,Css Float,我的浮动在我知道的Windows机器上的一个人的Firefox v.12上中断。。。Windows上相同版本的Firefox在其他机器上显示良好 布局的简化分解:两个包含两个浮动固定宽度div的容器div: <div id="frame" style="width:942px; display:block"> <!--extra 2 px to accommodate border on interior div --> <div id="frame_conte

我的浮动在我知道的Windows机器上的一个人的Firefox v.12上中断。。。Windows上相同版本的Firefox在其他机器上显示良好

布局的简化分解:两个包含两个浮动固定宽度div的容器div:

<div id="frame" style="width:942px; display:block"> <!--extra 2 px to accommodate border on interior div -->

 <div id="frame_content" style="width:940px; border: 1px solid; display: block">

  <div id="column_left" style="width:626px;float:left;"></div>

  <div id="column_right" style="width:314px;float:right;"></div> <!-- combined width of floated divs = 940 -->

 </div>

</div>
将列_的宽度向右调整为313px固定,但列之间有1px的间隙


我无计可施——因为它只是一台电脑!有什么想法吗???

每台机器的缩放级别不同吗?我自己也看到过类似的情况,浮动元素以特定的缩放级别缠绕在新行上。尝试在受影响的机器上按ctrl 0将缩放重置为100%

OMG。。。是的,它修好了。有没有办法强制一个人的浏览器从100%开始?我不知道缩放设置会破坏这样的布局。是的。。。这对我来说也是一个惊喜!我不认为强制缩放级别是可能的,因为它是一个辅助功能-我唯一可以考虑的方法是将换行div设置为display:inline块而不具有固定的宽度,或者将其保持为display:block,但将宽度增加1px。我认为这只是在某些缩放级别上的一个问题-如果您单击ctrl+进行放大,您应该会看到它在某些级别上看起来很好,而在其他级别上则没有问题。。。烦人的事实上-刚刚意识到帧内容甚至没有在我的css中指定的宽度。。。将其更改为100%或940px修复了所有缩放级别的布局。。。哎呀!非常感谢你@trymor zoom可以打破这种像素完美布局的原因是宽度都变成了非整数,必须进行舍入,舍入后可能无法正确相加。@BorisZbarsky明白了。。。谢谢