2013-08-22 69 views
0

我在現場工作,但我沒能獲得100%的寬度我如何確保我的幻燈片顯示100%的寬度

<div id="top-a"></div> <!-- top-A Element --> 

我想用的jsfiddle進行,但也可能是更容易向您展示該項目。 我使用的幻燈片尺寸爲980px * 381px。

它所在的div的大小爲980px * 381px。但左側和右側仍然有邊緣出現,我只是不明白,爲什麼。我看到出於某種原因,圖像被調整大小。但我不知道如何解決它。

該網站是: Demosite

+1

頁面標記非常複雜。您只需使用Firebug或Chrome開發人員工具等功能來探索有效的樣式。 – Pointy

+0

你想要它的父容器的100%嗎?或100%的網頁?它看起來好像有一個邊界,可以防止它完全填滿div空間,因此不允許邊對邊覆蓋。 –

回答

1

你有邊距設置

.module, #header, #breadcrumbs, #content, #footer { 
    margin: 15px; 
} 

改變它

.module, #header, #breadcrumbs, #content, #footer { 
    margin: 0 !important; 
} 

EDITED

這可能是極少數情況下!important是需要。當您需要覆蓋由JS生成的CSS並直接編輯插件不是一個選項時,使用!important即可。

+0

你真棒。非常感謝! –

+0

不客氣:) – Vector

+0

嗯......對不起......我的迴應太快了。 我將設置更改爲: #top-a .module {margin:0; margin-left:10px; margin-top:15px; } 但仍有餘量。我想這是因爲某些原因圖像被調整大小。 –