【问题标题】:CSS position absolute and scroll issueCSS位置绝对和滚动问题
【发布时间】:2023-04-06 14:02:02
【问题描述】:

我正在制作一个网站模板,我想在顶部制作照片。 好吧,我使用了绝对位置,然后我将顶部设置为 -50 像素,左侧设置为 -50 像素。 它工作得很好,但我有一个问题,滚动条出现在底部。 这是 div 的 css :

#moon {
     background-image:url('img/moon.png');
     width:289px;
     height:289px;
     position:absolute;
     top:-150px;
     left:-160px;
     overflow:hidden;
 }

【问题讨论】:

  • 为什么不把这个背景放在body元素上?
  • 嗯,您能否提供一个 jsfiddle 或更多信息,还有哪些其他元素,滚动出现在哪里?在身体标签上?如果是这样,那么使用 body{overflow-x: hidden;}
  • @Itay 我已经为 body 设置了背景,这个 div 就像 logo 我不能在 body 上使用 overflow:hiddeon 因为 body 太长了
  • 也许你应该尝试给身体overflow-x: hidden
  • @Itay 工作得很好,谢谢兄弟如何将其发布为答案,以便我能够选择正确的答案。

标签: css position absolute


【解决方案1】:

给身体overflow-x: hidden

还要注意,在小屏幕上不会有水平滚动条(!),除非您专门使用响应式 CSS 来处理它。

【讨论】:

  • 好的,非常感谢!工作过
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-03-13
  • 1970-01-01
  • 1970-01-01
  • 2014-06-24
  • 2013-07-13
  • 2013-07-24
  • 1970-01-01
相关资源
最近更新 更多