Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么我的CSS宽度%在某些页面上发生变化?_Css_Width - Fatal编程技术网

为什么我的CSS宽度%在某些页面上发生变化?

为什么我的CSS宽度%在某些页面上发生变化?,css,width,Css,Width,在我的网站上,中心元素由宽度79%和边距自动定义。我喜欢它的样子 但对于某些页面,宽度和边距略有不同。页面稍微向右移动,并且稍大一些。很明显,79%的宽度的计算方式不同,而margin:auto也是如此 然而,我分不清这两页之间的区别 见vs 我不明白为什么。奇怪的是,放大到足够大的程度会使差异消失 以下是一些相关的css代码: #container, #header, #access, #footer-wrap-inner, .message { width: 79%; max-

在我的网站上,中心元素由宽度79%和边距自动定义。我喜欢它的样子

但对于某些页面,宽度和边距略有不同。页面稍微向右移动,并且稍大一些。很明显,79%的宽度的计算方式不同,而margin:auto也是如此

然而,我分不清这两页之间的区别

见vs

我不明白为什么。奇怪的是,放大到足够大的程度会使差异消失

以下是一些相关的css代码:

#container,
#header,
#access,
#footer-wrap-inner,
.message
{   
    width: 79%; max-width: 80em; 
    margin: 0 auto; position: relative; 
}
该页面确实使用ems定义了一些元素,但似乎并不相关


输入将非常感谢。

区别在于滚动条的出现:)如果我将窗口设置得太小,以至于两个窗口都有一个垂直滚动条,那么根本看不到任何区别。

区别在于滚动条的出现:)如果我将窗口设置得太小,以至于两个窗口都有一个垂直滚动条,然后就看不出有什么不同了

顺便说一句:没有真正的解决方案,这是居中布局的一个常见缺点。我不建议总是显示滚动条。有一些JS代码片段可以检查滚动条并移动容器,但是。。。这相当高。你不仅需要移动,还需要在每次调整窗口大小时拉伸它。顺便说一句:没有真正的解决方案,这是居中布局的一个常见缺点。我不建议总是显示滚动条。有一些JS代码片段可以检查滚动条并移动容器,但是。。。这相当高。你不仅需要移动,还需要在每次调整窗口大小时拉伸它。