在Html的自由空間（背景）兩側添加邊距 - css頁面

我試圖在Html的可用空間兩邊添加邊距。並僅在中間剩餘部分填充背景。在Html的自由空間（背景）兩側添加邊距 - css頁面

但是，這個ID不起作用，當我把它放在身體標籤。

#bodyid{ 
    display: block; 
    margin-left: 100px; 
    margin-right: 100px; 
    background-color: #E3EAEA; 
}

上面給出的顏色是隨機的。結果應該是這樣的。

capture[![this should be the result ] 1

感謝您的幫助。

來源

2016-10-09 Samar Yadav

只是使身體白色，並添加一個容器div。喜歡這裏：https://jsfiddle.net/p1mz721k/

來源

2016-10-09 18:41:03 Varin

只是一件事。你爲什麼刪除display：block？ –

@SamarYadav 我不確定:)可能在這個過程中，我忘記取消註釋了。不過，可以放在那裏。 – Varin

試試這個：

<html> 
<head> 
<meta charset="utf-8"/> 
</head> 
<style> 
body {margin:0; padding:0; background:#fff;} 
#container{ 
width:800px; 
height:100%; 
display: block; 
margin: 0 auto; 
background-color: #E3EAEA; 
border-left:4px #000 solid; 
border-right:4px #000 solid; 
} 
</style> 
<body> 
<div id="container"></div> 
</body> 
<html>

來源

2016-10-09 18:45:07

你指定的高度？或者這個div裏面有內容嗎？

#bodyid { 
    display: block; 
    background-color: #E3EAEA; 
    height: 300px; 
    margin: 0 100px; 
}

來源

2016-10-09 18:45:50

保留body標籤，但刪除它的CSS並在其中添加一個div。分別設置div的寬度80％和邊距右邊和邊距10％。然後將你的顏色添加到div。同時設置div的高度爲100％。

來源

2016-10-09 18:47:34 Ahm23

你能修正你的內容（粉紅色div）的寬度嗎？

如果是這樣，請嘗試：

.pinkDiv { 
    width: 900px; 
    margin: auto; 
}

來源

2016-10-09 18:49:54

你現在所擁有的並沒有完全做你想要什麼的CSS，你必須指定前景的大小（顯然沒有指定前景）在你是CSS），基於此你可以管理背景。從前景角度考慮，設定前景（彩色區域）的大小，以便在兩側都獲得所需的邊距。

我已經執行您的要求here。

<body> 
    <div id = "blck"></div> 
</body> 

#blck{ 
    width: 1050px; 
    height: 1050px; 
    display: block; 
    background: red; 
    margin-right: 100px; 
    margin-left: 100px; 
}

PS：此實現適用於1280像素的寬屏幕。 div的寬度是1050px，因爲你的要求是兩邊都是100px的邊距，而div暗含15px的邊距。

來源

2016-10-09 18:54:08

在Html的自由空間（背景）兩側添加邊距 - css頁面

回答

相關問題