什麼導致身體標籤變寬？

我正在使用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

工作，但它擺脫了滾動條，我仍然需要。 –

什麼導致身體標籤變寬？

回答

相關問題