有沒有什麼能做到margin所能做的，但是沒有在那個區域繪製背景？例如，當您給元素margin: 1em時，您會在元素周圍獲得空白空間的1em邊框，但背景會繪製在該區域中。除了背景沒有繪製之外，是否有類似的東西？除了背景沒有繪製之外，還有一些類似邊距或填充的東西
我的問題是我正在嘗試在三個以下的東西float: left ed div s和現在我不能得到任何之間的空格和float ed div上方。他們直接相互抵觸。
div即float: left ed div s有財產clear: both。如果有什麼東西讓div與它之間有空格，那麼就會起作用。
也許這個例子將有助於解釋（並解決）你的問題？
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<style>
* { margin: 0; padding: 0; }
h1, p { background-color: #eee; margin: 10px 0; }
div { background-color: pink; float: left; width: 100px; height: 100px; margin-right: 1px; }
br { clear: both; display: block; }
</style>
</head>
<body>
<h1>Hello, World!</h1>
<div></div>
<div></div>
<div></div>
<br />
<p>Lorem ipsum dolor set amit...</p>
</body>
</html>
邊距應該是透明的。我認爲你在這裏看到的是利潤率下降。試着在你的div上放一個1px的邊框，看看會發生什麼。
退房的CSS 2.1規範：
也許你正在尋找：
border: 4px white; /* replace with your color */
隨着浮動元素元素周圍的邊距旁邊被忽略。我認爲你必須在浮動元素和你想要的物品之間創建一個額外的元素。
因爲元素浮動的餘量空間並不總是得到適當的尊重。使用邊緣/邊框黑客，只需將元素的顏色設置爲與您的頁面背景相同的顏色，並將其厚度設置爲您想要的任何顏色即可。如在以下帖子中：