html / php页面右侧的不需要的空白区域

Question

我正在为我的网站使用html模板。

网址 - http://www.tekestate.com/site/easydelivery/index.php

现在我不知道我的CSS有什么问题，因为如果你看到它在右边留下了一个不需要的空白区域，可以滚动移动版本以及桌面版本。

我的CSS（非常大，可以放在这里） - http://www.tekestate.com/site/easydelivery/stylesheet/style.css

我寻找解决方案，但没有任何效果，因为我无法弄清问题在哪里。

Answer 1

你可以尝试这个：

* {margin: 0 auto; padding:0;}

和

body {
    margin: 0; padding:0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background:#f5f5f5;
    line-height:1.6em;
    width:100%;  



}

Answer 2

你有一个旋转的:before伪元素，用于掩盖从屏幕上流下的英雄旋转木马，从而扩大你的外部容器。

您可以将overflow-x: hidden应用于您的body元素，也可以从您的伪元素中删除left，padding并使用{{1替换您的转换来修复问题的根源以这种方式，您需要水平倾斜容器​​，因为您需要在父容器中保持垂直。

奖励回答：

下次出现同样的问题时，滚动到空白区域，单击“开发人员工具”窗口左上角的第一个按钮（或者只是在打开DevTools的情况下执行transform: skew(0, -5deg);），然后将鼠标悬停在其上白色区域就像你正在搜索元素一样，当它闪现在你的屏幕上时，只需点击它就可以找出导致你问题的因素。