我在現場工作,但我沒能獲得100%的寬度我如何確保我的幻燈片顯示100%的寬度
<div id="top-a"></div> <!-- top-A Element -->
我想用的jsfiddle進行,但也可能是更容易向您展示該項目。 我使用的幻燈片尺寸爲980px * 381px。
它所在的div的大小爲980px * 381px。但左側和右側仍然有邊緣出現,我只是不明白,爲什麼。我看到出於某種原因,圖像被調整大小。但我不知道如何解決它。
該網站是: Demosite
我在現場工作,但我沒能獲得100%的寬度我如何確保我的幻燈片顯示100%的寬度
<div id="top-a"></div> <!-- top-A Element -->
我想用的jsfiddle進行,但也可能是更容易向您展示該項目。 我使用的幻燈片尺寸爲980px * 381px。
它所在的div的大小爲980px * 381px。但左側和右側仍然有邊緣出現,我只是不明白,爲什麼。我看到出於某種原因,圖像被調整大小。但我不知道如何解決它。
該網站是: Demosite
你有邊距設置
.module, #header, #breadcrumbs, #content, #footer {
margin: 15px;
}
改變它
.module, #header, #breadcrumbs, #content, #footer {
margin: 0 !important;
}
EDITED
這可能是極少數情況下!important
是需要。當您需要覆蓋由JS生成的CSS並直接編輯插件不是一個選項時,使用!important
即可。
你真棒。非常感謝! –
不客氣:) – Vector
嗯......對不起......我的迴應太快了。 我將設置更改爲: #top-a .module {margin:0; margin-left:10px; margin-top:15px; } 但仍有餘量。我想這是因爲某些原因圖像被調整大小。 –
頁面標記非常複雜。您只需使用Firebug或Chrome開發人員工具等功能來探索有效的樣式。 – Pointy
你想要它的父容器的100%嗎?或100%的網頁?它看起來好像有一個邊界,可以防止它完全填滿div空間,因此不允許邊對邊覆蓋。 –