html - 固定宽度的 html block 和 elastic.html block 有什么区别？相同条件下的不同行为

Question

问题是我无法理解它是如何工作的，我说的是 HTML 的百分比宽度 block 。我在 Windows 操作系统上使用 chrome。这是我的 testcase example

有 1 个 wrap div block ，宽度为 60%，里面还有另一个 block 。在第二个街区内还有两个。它们的宽度固定为 345 和 346 像素。如果您以测试用例大小调整窗口大小(#gallery 宽度必须为 691px，信息 block 将帮助您这样做)。所以我们有 691px 的 block ，里面有两个 345 和 346 px 的 block ，但是它们不适合父 block ，因为它没有固定 div。为了说明这一点，我在蓝色 block 中添加了“切换”链接，通过单击它，您将在#wrap 上切换“固定”类，因此它失去 60% 并获得 691，完成后，所有子 block 都适合完美的容器。

我不明白发生了什么:) 请帮助我。(我正在尝试创建我的另一个图片库，所以我需要图像、 block ，不管是什么......实体以适应具有特定宽度的容器。

更新。关于边框，边距...包含 normalize.css，因此它使用 *{box-sizing: border-box} 规则消除了它

Answer 1

原因是四舍五入:

1151 * 0.6 = 690.6