gpt4 book ai didi

css - 计算百分比宽度时,safari 中是否存在错误?

转载 作者:行者123 更新时间:2023-11-28 08:38:32 25 4
gpt4 key购买 nike

代码如下:

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

<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>

该代码将显示一个带边框的绿色框,以及一个红色框和绿色框内的蓝色框,均带有背景色。

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

这是 safari 5.0.3 中的错误吗(我无法安装任何其他浏览器进行测试)?或者在我的代码中?或者在 CSS 中?有没有简单的方法来修复它?

最佳答案

不仅仅是 Safari。 John Resign 在他的博客上谈论子像素宽度:http://ejohn.org/blog/sub-pixel-problems-in-css/

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

SO上也有一个帖子讲过这个,现在好像找不到了。

关于css - 计算百分比宽度时,safari 中是否存在错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5368668/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com