css - 页面布局中出现奇怪的空白。是什么原因造成的?

标签 css

<分区>


关闭 8 年前

网站上http://www.northkingdom.com/ ,当浏览器窗口窄于 568 像素(或在移动设备上)时,您单击右上角的菜单按钮,会出现一个狭窄的垂直空白右侧列表:

enter image description here

是什么造成了这个空白?

我找不到任何阻止菜单位于屏幕右边缘的 CSS 规则或页面元素。

非常感谢任何帮助!

最佳答案

问题是 overflow-y:scroll 在这里:header.mobile-menu #nav

那个空白实际上是一个滚动条。您可以将其替换为自动而不是滚动

关于css - 页面布局中出现奇怪的空白。是什么原因造成的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29967366/

上一篇:html - 将鼠标悬停在一个 HTML 元素上会影响另一个

下一篇:php - 我怎样才能用 div 设置这个 php 的样式?

相关文章:

html - 对于像这样 [IMG inside] 这样的布局安排,表格仍然被认为是好的做法吗?

css - 使用 CSS 将图像写为外部样式

javascript - 如何更改 jQuery Validate Popover 的颜色

javascript - 下拉总是居中对齐

html - Div 元素中的 CSS First-child 奇怪行为

html - 可调整大小的固定页脚,其中包含绝对元素

html - 为自动调整大小的 img 保留空间

Jquery Select2 4.0 Bootstrap 样式

javascript - 为什么我的 css 样式没有改变?

css - Sass mixins 和占位符不能一起工作