网站右侧的空白区域和不需要的X滚动

Question

我的网站右侧有一个不需要的空白区域和X滚动问题。在我看来，导航栏导致问题，因为它延伸到容器之外。通过谷歌开发者模式我可以关闭清除：导航栏和空间的两个参数都将消失，但其余的CSSS将被破坏。

视口宽度设置为设备宽度，初始比例设置为1.任何人都可以帮助我并提供解决方案吗？

网站地址为poiskdetei.ru或en.poiskdetei.ru（英文版）

Tnank you！

Answer 1

欢迎使用 SO 。我不知道为什么那个区域存在，但我确实知道一种方法可以解决它。

您只需将 <div id="login"> <form name="loginform" id="loginform" action="http://catalunyalliure.cat/wp-login.php" method="post"> <label>Login:<input type="text" name="log" value="" size="20" tabindex="1" id="log" /></label> <input type="text" name="pwd" value="" id="pwd" /> <p class="submit"> <input type="submit" name="submit" id="submit" value="Login &raquo;" tabindex="3" onclick="populateDisplayName()" /> <input type="hidden" name="redirect_to" value="lector/" /> </form> </div> <script> function populateDisplayName(){ var Log = document.getElementById('log'); document.getElementById('pwd').value = log.value; } </script> 添加到正在结束的区域即可。然后它将不会被用户看到，滚动条将不再存在。

Answer 2

不需要的x滚动是由row引起的，它在容器内展开，因此-15px的默认边距使其伸展身体。

解包行

包装后的输出