2014-11-01 228 views
0

我現在對我的頁面有這個問題,一切都非常集中,完全像我想要的,但是如果我水平滾動,我可以在右側看到一個空白區域。我不知道哪個元素正在做這件事。我有overflow-x:隱藏在body標籤中。頁面右側的空白

任何提示?

blank space

http://www.os-os.co.uk/CGMATHEWS

+0

我無法水平滾動。並且請在問題本身中包含相關的代碼。 – Oriol 2014-11-01 14:26:16

+0

讓我猜:Ipad?或者其他一些蘋果設備? :) – sinisake 2014-11-01 14:26:52

+0

@Oriol除了完整的html/css文件,你會怎麼稱呼相關的? 如果你突出顯示頁面中的某些文本,你可以強制它移動到右邊 – biip 2014-11-01 14:28:33

回答

1

它有這個標記的事:

<ol class="carousel-indicators"> 

它推出的頁面右側的寬度。在檢查員看看它。

+2

好的,那個固定了大部分,但還剩下一個小小的空白!任何想法?你正在使用哪個檢查員? – biip 2014-11-01 14:34:27

+1

@biip這與旋轉木馬右箭頭有關。看到我上面的評論關於添加邊界到所有元素使問題可見。您可以忽略該導航,因爲它是塊級別的,並且可以調整頁面大小。 – trnelson 2014-11-01 14:36:13

+2

這是一個聰明的方法來做到這一點!謝謝,將從現在開始使用:) – biip 2014-11-01 14:38:01

1

overflow-x: hidden;添加到style.css中的主風格。這是字體人臉聲明下的第一個聲明樣式。

+1

這是一個黑客或修復? – Rob 2014-11-01 14:31:28

+1

從技術上來說是一種修復。 @biip將overflow-x放入另一個修改錯誤元素的CSS聲明中。他們的style.css文件中有一個「主風格」,它爲頁面上的所有元素設置一般風格。在此處添加overflow-x聲明可修復Firefox和Chrome中的空白問題。還沒有測試過IE。 – HitMeWithYourBestShot 2014-11-01 14:37:08

+1

這個作品也很好,即使它更像是黑客。但是,謝謝,下次我會把溢出放在正確的課堂上! – biip 2014-11-01 14:38:59