html - 右侧奇怪的空白区域（放大或在移动设备上）

Question

我正在建立我的网站几个月，最近遇到了一个问题，我无法摆脱。

我不明白为什么在放大/或使用宽度小于“975px”的移动设备后，我的网站右侧出现白色边框（似乎是错位的宽度或填充值），因为这是主要的我的网站的宽度值。我希望内容、页眉和页脚的主容器即使在放大后也能保持在页面的中心。我错过了什么吗？我需要如何重写我的 CSS？如果有人能以某种方式帮助我，我将不胜感激！

• 网站：http ://www.ansgarscheffold.com
• css：http ://www.ansgarscheffold.com/wp_dir/wp-content/themes/wp-framework/library/media/layouts/2col-r.css

问候并感谢您的帮助！

Answer 1

问题是你的标题类宽度，让它 width:100% 一切都很好

.header {
width: 100%;
height: 250px;
background: url(http://www.ansgarscheffold.com/img/ansgar_scheffold_drawing.jpg) no-repeat;
position: relative;
background-position-x: 60px;
}

Answer 2

据我所知，有几件事导致了您的问题。您还需要添加max-width: 100%以.container删除float: right;和width: 400px删除，.nav因为这会导致溢出。

Answer 3

我认为这条线导致了一个问题：

<ul class="nav-list" style="float: none; width: 25em;">

width:25em;溢出。