2016-12-01 86 views
0

我的網頁http://www.pointmovies.com/在底部顯示滾動條,看起來它的右側有很多空白空間。我無法弄清楚什麼是增加我的網頁的寬度,我該如何刪除它。無法確定增加頁面寬度的原因

它是WordPress的,每一個柱是具有18%的寬度和左浮動,因此在一行5帖/製品將顯示一個物品(圖像)。但由於這18%的寬度,我看到我的頁面寬度增加了。當我從文章css中刪除這18%時,頁面會恢復正常。

這是文章

width: 18%; 
float: left; 
margin: 0px 0px 0px 21px; 
min-height: 400px; 

的CSS下面是截圖。請檢查下面的滾動條不應該在那裏。 enter image description here

+0

它看起來好像沒什麼問題 - 你可以提供你所面臨的問題,或者一些截圖的含有實施例? –

+0

我可以看到問題 – Flink

+2

'#main {overflow:hidden; }' –

回答

2

添加

#main { 
overflow-x: hidden; 
} 

到你的CSS。

對於你的其他問題。 #main後的第一個div的樣式應該看起來像這樣。這就是爲什麼你的網站不能正確響應。

margin: auto; 
width: 100%; 
max-width: 1170px; 
display: inline; 

Tamoor,overflow-X禁止從左到右。

enter image description here

enter image description here enter image description here

+0

非常感謝@norcal johnny。這對我很有幫助。我在尋找超過10天的解決方案。再次感謝。 – Taimoor

+0

我很高興能夠提供幫助。很高興它解決了。乾杯 –

-1

添加這個CSS來解決這個問題:

#page{ 
overflow: hidden; 
} 
+0

不是最好的解決方案,它不會顯示滾動條,如果窗口太小 – Flink

+0

@Flink,我應用了它,並注意到它永遠不會顯示滾動條。任何解決方案? – Taimoor

+0

我只注意到,總寬度取決於18%的文章。也許把所有的文章都包裝在另一個div中,然後和那個div一起玩。 – Flink