2015-11-14 83 views
0

我正在爲我的網站使用html模板。html/php右側不需要的空白頁面

網址 - http://www.tekestate.com/site/easydelivery/index.php

現在我不知道什麼是錯我的CSS,因爲如果你看它的葉子上可滾動的移動版以及桌面版右側的多餘空白區域。

我的CSS(非常大,把它放在這裏) - http://www.tekestate.com/site/easydelivery/stylesheet/style.css

我尋找解決方案,但沒有工作,因爲我不能夠找出其中的問題所在。

Normal Mode

responsive mode png

+0

請修復圖像鏈接。 – Alex

+0

請在這裏發佈CSS的相關部分以及HTML/PHP部分。 – hotzst

+0

@hotzst:CSS的相關部分是我無法弄清楚的。 –

回答

0

您有您正在使用,以掩蓋的旋轉:before僞元素英雄傳送帶正在流失你的血液屏幕,從而擴大你的外部容器。

The rotated element

您可以申請overflow-x: hidden你的身體元素或通過移除leftpadding從僞元素和更換你這樣你水平扭曲容器transform: skew(0, -5deg);變換解決問題的根源因爲您需要在父容器內保持垂直筆直。


獎金答案:

你有同樣的問題滾動到空區域,下一次,單擊開發人員工具窗口的左上角的第一個按鈕(或者只是做CTRL + Shift + C與DevTools打開),然後將鼠標懸停在白色區域上,就像搜索元素一樣,當它閃爍到屏幕中時,只需單擊它即可識別哪個元素導致了問題。

+0

感謝您的詳細解釋..我不明白CSS很多你能告訴我在css文件中編輯的行嗎? –

+0

我曾嘗試overflow-x:隱藏到身體,但它並沒有解決問題 –

+0

你必須編輯的元素是'#thm-mart-slideshow:before',你可以在第32行的這個文件中找到它:'/ site/easydelivery/stylesheet/revslider.css' – MacK

0

你可以試試這個:

* {margin: 0 auto; padding:0;} 

而且

body { 
    margin: 0; padding:0; 
    font-family: 'Open Sans', sans-serif; 
    font-size: 13px; 
    background:#f5f5f5; 
    line-height:1.6em; 
    width:100%; 



} 
+0

嘗試過。沒有工作:( –