1
在我的網頁右上角(見附圖)有一個內容(背景圖像)和身體之間的空間 我想填充這個空間與image.i想要加載圖像對所有space.I要關閉space.I給予的margin,padding-左右,但它不關閉空間關閉內容和身體之間的空間用css
.wrapper {
width:100%;
margin:-5px;
}
我應該怎麼辦
在我的網頁右上角(見附圖)有一個內容(背景圖像)和身體之間的空間 我想填充這個空間與image.i想要加載圖像對所有space.I要關閉space.I給予的margin,padding-左右,但它不關閉空間關閉內容和身體之間的空間用css
.wrapper {
width:100%;
margin:-5px;
}
我應該怎麼辦
使用Chrome瀏覽器開發工具,你會很快看到空間來自您的<div class="wrapper">
的CSS邊距屬性。請參閱下面的打印屏幕。
在打印屏幕中,空間已經消失,因爲div.wrapper不再有餘量。
編輯: 背景圖片具有透明邊框本身。如果你用圖形程序打開你的照片,你可以看到這一點。
最好的解決辦法是,因爲那麼,你知道你如何在精確的像素位置設置你的照片與圖形程序來刪除邊框。
如果您想將圖片向左拖動以隱藏邊界作爲快速解決方案,那麼您必須將其向左拉並同時稍微拉伸,例如,
.wrapper {
width: 101%; /* <<<< a bit wider to hide at right */
margin: -5px; /* <<<< pull to hide at left */
padding: 0
}
像這樣,邊界消失左右。
編輯2:
隨着width: 101%
,滾動邊界可能會出現。要擺脫它們,請使用CSS overflow-x: hidden
。 https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x
可能想通過HTML驗證程序運行代碼。 – j08691 2015-03-31 15:21:12