Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
html/php页面右侧不需要的空白_Php_Html_Css - Fatal编程技术网

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

html/php页面右侧不需要的空白,php,html,css,Php,Html,Css,我正在为我的网站使用html模板 URL- 现在我不知道我的css有什么问题,因为如果你看到它在右边留下了一个不需要的空白,移动版和桌面版都可以滚动 我的CSS(放在这里非常大)—— 我一直在寻找解决方案,但没有任何效果,因为我无法找出问题所在 您可以试试这个: * {margin: 0 auto; padding:0;} 及 你有一个旋转的:before伪元素,你用它来掩盖英雄旋转木马,它正在从你的屏幕上流血,从而扩大你的外部容器 您可以对body元素应用overflow-x:hidde

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

URL-

现在我不知道我的css有什么问题,因为如果你看到它在右边留下了一个不需要的空白,移动版和桌面版都可以滚动

我的CSS(放在这里非常大)——

我一直在寻找解决方案,但没有任何效果,因为我无法找出问题所在

您可以试试这个:

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


你有一个旋转的
:before
伪元素,你用它来掩盖英雄旋转木马,它正在从你的屏幕上流血,从而扩大你的外部容器

您可以对body元素应用
overflow-x:hidden
,也可以通过从伪元素中删除
left
padding
,并用
transform:skew(0,-5度)替换变换来修复问题的根源
通过这种方式,可以水平倾斜容器,因为需要在父容器内保持垂直


奖励答案:


下次遇到同样的问题时,请滚动到空白区域,单击“开发工具”窗口左上角的第一个按钮(或者在DevTools打开的情况下执行
CTRL+Shift+C
),然后将鼠标悬停在白色区域上,就像在搜索元素一样,当它在屏幕上闪烁时,只需单击它,您就可以确定是哪个元素导致了问题。

请修复图像链接。请将CSS的相关部分与HTML/PHP部分一起发布到此处。@hotzst:CSS的相关部分是我无法理解的。请尝试一下。不起作用:(谢谢你的详细解释。我对CSS不太了解。你能告诉我CSS文件中要编辑的行吗?我确实尝试过overflow-x:hidden to body,但没有解决问题。你必须编辑的元素是
#thm mart slideshow:before
,你可以在这个文件的第32行找到它:
/site/easydelivery/stylesheet/revslider.CSS
你让我开心!!:)谢谢你:)
body {
    margin: 0; padding:0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background:#f5f5f5;
    line-height:1.6em;
    width:100%;  



}