1. 首頁
  2. 問答
  3. 無法擺脫水平滾動條在我的網站

無法擺脫水平滾動條在我的網站

2010-10-04 153 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

相關問題

 相關問題