Html CSS/Safari:带有浮动和百分比宽度的Div框未100%对齐

在Safari中调整窗口宽度时，右侧的最后一个div框不是100%对齐的，而是最后一个

div

框和窗口边框之间的1-3倍空间

使用Safari查看并尝试调整宽度：

你知道如何修复这个空间吗

.html，
身体{
宽度：100%；
身高：100%；
}
.外面{
宽度：100%；
最小高度：500px；
位置：相对位置；
显示：内联块；
}
.里面{
宽度：25%；
高度：299px；
位置：相对位置；
浮动：左；
背景色：#DCDC；
}

---

这显然是safari浏览器（主要是iOS）中的一个问题

我修改了你的CSS来解决这个问题。这并不是最理想的，但当浏览器不能正确渲染时，我们必须进行调整

我删除了.outside和.inside框中的位置相关项，并将overflow-x:hidden添加到html的body标记中。这样可以防止水平滚动。然后，我计算了.101%的外部宽度。这将弹出框以隐藏有问题的像素

html, body {
    margin:0;
    width:100%;
    overflow-x:hidden;
}

.outside {
    width:100.5%;
    height: 500px;
    overflow:hidden;
    background: #009900;
}
.inside {
    width:25%;
    height: 299px;
    float: left;
    background-color: #990000;
}

---

下面是一个更新样式的示例。对于示例代码，我使背景的颜色更加对比。

这可能是iOS倾向于重新缩放小字体的副作用

---

我在标签使用float时遇到问题：对；这最终由解决。

我也有这个问题，而且只有在Safari中。。。