固定宽度html块和弹性块之间的区别是什么。相同条件下的不同行为

固定宽度html块和弹性块之间的区别是什么。相同条件下的不同行为,html,css,Html,Css,问题是我无法理解它是如何工作的,我在谈论HTML的百分比宽度块。 我在windows操作系统上使用chrome。 这是我的 有一个60%宽度的包裹div块,其中有另一个块。 在第二个街区里还有两个。它们的固定宽度为345像素和346像素。 如果您以testcase大小调整窗口大小(库必须有691px的宽度,有一个信息块可以帮助您这样做)。 所以我们有691px块,在它里面有两个345和346 px的块,但是当它没有固定div时,它们将不适合父块。为了说明这一点,我在蓝色块中添加了“toggle”

问题是我无法理解它是如何工作的,我在谈论HTML的百分比宽度块。 我在windows操作系统上使用chrome。 这是我的

有一个60%宽度的包裹div块,其中有另一个块。 在第二个街区里还有两个。它们的固定宽度为345像素和346像素。 如果您以testcase大小调整窗口大小(库必须有691px的宽度,有一个信息块可以帮助您这样做)。 所以我们有691px块,在它里面有两个345和346 px的块,但是当它没有固定div时,它们将不适合父块。为了说明这一点,我在蓝色块中添加了“toggle”链接,通过单击它,你将在#wrap上切换“fixed”类,所以它将失去60%而获得691,当它完成时,所有子块都完全适合容器

我不明白发生了什么:)请帮帮我。 (我正在尝试创建另一个图像库,因此我需要图像、块、无所谓的实体,以适合具有特定宽度的容器


upd.关于边框、边距…其中包含normalize.css,因此它使用*{box size:border box}规则对其进行排序

原因是四舍五入,不过:


1151*0.6=690.6

不要给方框以像素为单位的宽度,试着给方框以百分比。现在,如果您要重新调整页面大小,UI将保持一致。