1. 首页
  2. 问答
  3. 无法摆脱水平滚动条在我的网站

无法摆脱水平滚动条在我的网站

2010-10-04 103 views

回答

20

从您的三个主要因素width:100%。

通过添加width: 100%，可以强制每个元素的客户区填充浏览器。
由于元素的边框在每边添加了一个附加像素，因此最终会出现一个滚动条。

来源

2010-10-04 13:53:52 SLaks

+2

默认情况下，div是块级元素将填充100％的空间，他们可以（水平），所以你永远不需要指定宽度100％ – jimplode 2010-10-04 14:13:03

4

让您的内容适合窗口。

或

<body scroll="no" style="overflow: hidden">

来源

2010-10-04 13:53:24 jimplode

+2

如果窗口小于内容，该怎么办？如何滚动查看隐藏的内容？ – aldux 2012-07-19 13:31:52

3

这是您的1px边框。您已将主要元素宽度设置为100％，然后在对象周围添加1px边框

来源

2010-10-04 13:56:10

+2

这是我一直在CSS中发现恼人的事情，它不允许你指定像“100％-4px”这样的表达式。 – Spudley 2010-10-04 13:58:57

+0

@Spudley其实，你可以。 'width：calc（100％ - 4px）;' – frederick99 2017-10-15 19:45:59

+0

@ frederick99 - 感谢您的评论。 'calc（）'在2010年我没有评论;它甚至不在管道中。今天在CSS中使用它真是一件幸事，而且我的确使用它（尽管我仍然发现我必须小心，因为它确实破坏了旧浏览器）。请注意，'box-sizing：border-box'对于原始问题可能是一个很好的解决方案，但这在当时也不是一种选择。事情已经开始了，谢天谢地。 – Spudley 2017-10-15 20:06:23

2

#top-wrapper元素具有100％宽度和1px边框（左侧和右侧），总和为100％+ 2px（更多2px有可用），所以出现滚动条。推荐的解决方案（不是解决方法！）不是为要占用其各自父母的整个宽度的元素添加width:100%;，而是让浏览器处理该问题。

浮动框是本建议的一个例外，它们需要以不同的方式处理。欲了解更多信息，你可以看看这里http://www.w3.org/TR/CSS2/box.html

希望这回答了你的问题， 阿林

来源

2010-10-04 14:07:16

1

在我而言，这是一个小<div>与生产该浏览器添加水平间距（和滚动条的left: 690px的相对位置）。

#feedbackButton { 
     position: relative; 
     height: 0; 
     top: -46px; 
     left: 790px; 
}

我将其更改为float: left问题已解决。

来源

2012-02-17 09:20:11 Timo

0

<body style="overflow-x: hidden;">

这就够了。您只需在身上的标签使用

overflow-x: hidden;

。

来源

2018-03-07 19:40:32 VikasGaurav

相关问题

 相关问题