什么导致身体标签变宽？

我正在使用Skeleton CSS Boilerplate 什么导致身体标签变宽？

我的网站的两个不同的页面，结构相似，稍微横向彼此偏离。当从一个页面导航到另一个页面时，这在导航栏中产生了一个震动效果。

经过调查，我注意到在Chrome开发工具CSS检查器，每个页面的身体标记是不同的宽度。

两个页面的结构是相同的，如下所示。类.wrap的最大宽度为960像素，所有内容都包含在.container .wrap之内。

<body> 
<?php 
    require 'navsub.php'; 
?> 
<div class="container wrap" id="singlepageajax"> 



</div> 
<?php 
    include 'footer.php'; 
?> 
</body>

所以...什么可能导致身体标签是不同的宽度？

来源

2015-12-26 thanks_in_advance

寻求代码帮助的问题必须包含在问题本身**中重现**所需的最短代码。请参阅[**如何创建一个最小化，完整和可验证的示例**]（http://stackoverflow.com/help/mcve） –

滚动条可能会导致body标签的宽度不同 – user3896501

@ user3896501我认为，对了！这似乎是造成这种情况的原因。有什么办法可以防止这种情况发生？（想想我真的浪费了3个小时的时间，我的时间在昨天的时间里徘徊在代码中 - yeeesh ...） –

添加下面的CSS代码

html, body { 
    height: 100%; 
    overflow: hidden; 
}

然后添加一个<div id="container-wrapper">的收官容器

地方的CSS像

#container-wrapper { 
    height: 100%; 
    overflow-x: auto; 
    position: absolute; 
    width: 100%; 
}

这将使得再次滚动

来源

2015-12-26 11:09:21 user3896501

垂直滚动条是原因。

由于浏览器窗口具有固定的水平空间量，body元素将在水平方向收缩以为滚动条添加一些可用空间。

UPDATE

如果你想阻止这种行为，你可以使用：

body{ 
    overflow: hidden; 
}

但是，你可能会失去在网页浏览器的滚动功能。

来源

2015-12-26 11:01:24 Trix

确实似乎是原因 - 是否有办法防止这种情况？ –

检查更新，在一分钟内 – Trix

工作，但它摆脱了滚动条，我仍然需要。 –

什么导致身体标签变宽？

回答

相关问题