Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
Css 可视区域外的额外间距_Css_Html_Wordpress - Fatal编程技术网

Css 可视区域外的额外间距

Css 可视区域外的额外间距,css,html,wordpress,Css,Html,Wordpress,我有一个非常奇怪的bug,它涉及到主体或html元素上的额外间距。此间距不会出现在普通浏览器的可视区域中,仅当您将鼠标滚动到屏幕右侧时才会显示 请看一下我设置的临时站点,以了解我的确切意思 我将假设这是我为自己创建的一些css错误,但我还没有找到源代码 在您的样式中,.footer container footer上有40 px左右的填充,这会将其推出超过100%的限制 您可以通过使用box size:border-box(需要供应商前缀) 或者通过移除填充物并使用不同的方法来获得空间,而无需超

我有一个非常奇怪的bug,它涉及到主体或html元素上的额外间距。此间距不会出现在普通浏览器的可视区域中,仅当您将鼠标滚动到屏幕右侧时才会显示

请看一下我设置的临时站点,以了解我的确切意思


我将假设这是我为自己创建的一些css错误,但我还没有找到源代码

在您的样式中,
.footer container footer
上有40 px左右的填充,这会将其推出超过100%的限制

您可以通过使用
box size:border-box(需要供应商前缀)

或者通过移除填充物并使用不同的方法来获得空间,而无需超出容器宽度。

你有两个罪犯

  • 您的
    具有
    宽度:100%
    61px
    的左填充。删除左侧的填充,而将该填充放在父元素

  • 设置为具有
    溢出:隐藏


  • 也许这能帮上忙@Tip\u Top不需要小提琴,也没有帮助,因为他已经链接了存在问题的整个网站。@Tip\u Top我看到了这一点的好处,但是为这个问题创建小提琴是不可行的,因为“不知道”问题存在的地方。只是我的意见。这是问题的一部分,另一部分是滑块上的下一个箭头。当不悬停滑块时,将创建额外的空间,并将箭头向右推。删除“.flex direction nav.flex next”中的“right:-50px”后,问题消失了。啊,我的错误,我先禁用了箭头,但没有看到任何变化,所以当我禁用页脚上的填充时,我忘记了箭头。谢谢你指出!或者可以将“overflow:hidden”添加到“footer container”中,而不是更改填充