这两个页面为什么有不同的列大小？

Question

我试图建立一个统一的布局网站。

这两个页面具有相同的CSS：page1,page2。我将主“列”（蓝色和红色）的大小设置为包含div的相对大小，并且我预计它们的大小在不同页面上是相同的。

但是，当这两个页面呈现时，它们具有不同的像素绝对大小。是什么造成这种差异？

Answer 1

您正在使用相对宽度（百分比），而出现在较大页面上的滚动条使得可用宽度更小，因此所有元素都会更小。