Css safari计算百分比宽度时是否存在错误？_Css_Width

Css safari计算百分比宽度时是否存在错误？

css

Css safari计算百分比宽度时是否存在错误？,css,width,Css,Width,代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> *{边距：0px；填充：0px；} #绿箱{ 边框：5px纯绿色；利润率：20px； } #红盒{ 背景色：红色；浮动：左；宽度：50%； } #蓝盒子{ 背景颜色：蓝色；宽度：50%；溢出：自动； } 红盒子蓝盒子代码将显示一个带边框的绿色

代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


*{边距：0px；填充：0px；}
#绿箱{
边框：5px纯绿色；
利润率：20px；
}
#红盒{
背景色：红色；
浮动：左；
宽度：50%；
}
#蓝盒子{
背景颜色：蓝色；
宽度：50%；
溢出：自动；
}
红盒子
蓝盒子

代码将显示一个带边框的绿色框，以及绿色框内的红色框和蓝色框，两者都带有背景色

但问题是：将蓝色框和红色框的宽度分别设置为50%，理论上应该包含绿色框的全部内容区域。但是，在绿色框的最右侧有一个空的1px空格

这是safari 5.0.3中的错误吗（我无法安装任何其他浏览器进行测试）？还是在我的代码里？还是在CSS中？有没有简单的方法来修复它？

这不仅仅是狩猎。John Dimit在他的博客上谈到了亚像素宽度：

这个问题还取决于容器的实际宽度

上面还有一条线，所以说了这个，刚才好像找不到

啊！我猜这就像是一个舍入误差。非常感谢。稍微向左/向右移动窗口似乎“填补了空白”。是的，根据容器的宽度，您可能会得到一些奇怪的结果。是否有解决此错误的方法？e、 g.使用calc（）在所有浏览器中实现相同的舍入？这显然也适用于高度。我很想找到解决办法。

<head>
    <title></title>
    <style type="text/css">
        * { margin:0px; padding: 0px;}

        #greenbox {
            border: 5px solid green;
            margin: 20px;
        }

        #redbox {
            background-color: red;
            float:left;
            width: 50%;

        }

        #bluebox {
            background-color: blue;
            width: 50%;
            overflow: auto;

        }
    </style>
</head>
<body>

    <div id="greenbox">
        <div id="redbox">
        red box
        </div>
        <div id="bluebox">
        blue box
        </div>
    </div>
</body>