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