保證金不起作用？需要兩個元素之間的空間

首先，我很抱歉，我不把我的鏈接放在這裏，這是一個工作網站，我不允許。如果有必要，我會發布我的代碼的相關部分。保證金不起作用？需要兩個元素之間的空間

所以這個問題是非常基本的 - 我有一個div與一些圖像，並在我的內容開始以下標題<h3>。無論我嘗試在兩者之間創造一些空間，它都不起作用。我已經嘗試了兩個元素的邊距和填充，在相對位置和絕對位置之間切換，並且投擲了大量<br>標籤。沒有用！

是什麼讓我的兩個元素如此吸引對方？什麼可能導致無法在兩個元素之間創建空間？

謝謝！

編輯：這是我的DIV + CSS代碼：

.bmwrapper { 
width: 720px; 
position: relative; 
margin-left: auto; 
margin-right: auto; 
z-index: 1; 
} 

.bmvenstre { 
float: left; 
text-align: left; 
z-index: 1; 
} 

.bmhoyre { 
float: right; 
text-align: left; 
z-index: 1; 
}

所以這是一個大的div作爲包裝，以及兩個div（左和右）內。這些鏈接顯示爲塊：

a.bmlink { 
display: block; 
margin: 0; 
padding: 4px; 
font-family: Tahoma, Verdana, Segoe, sans-serif; 
text-transform: uppercase; 
font-size: 18px; 
font-weight: bold; 
letter-spacing: 2px; 
color: #08A; 
text-decoration: none; 
z-index: 2; 
}

這個div下面的標題僅僅是一個標籤<h3>，然後還有一些文字。希望這可以幫助！

來源

2013-08-27 Patrick Bateman

我會發布一些代碼。 –

聲音像保證金collpase – Vector

可能有很多假設。我們需要看到一些代碼。在此處僅發佈相關代碼，我們將嘗試幫助 – MarsOne

您可以嘗試兩件事情：

1）將要素溢出：隱藏

2）把elemnts顯示：塊

如果2號弄亂了你的設計，儘量把他們向左飄浮;

由於我沒有代碼，我不能給你更多的信息，但是當邊距/填充不起作用時，通常是因爲你要麼將它應用到內聯項目（因此編號爲2），要麼你有一個容器，裏面的所有物品都是浮動的，所以容器的高度不合適（因此數字爲1）

來源

2013-08-27 15:36:28

感謝大家的回覆。 –

聽起來像margin collapse。這裏有幾個方法，你可以解決這個問題：

給你的內容DIV透明邊框，或給你的內容的div overflow: auto;

有人CSS聲明時，他們給它一個1px邊界，他們也給它一個-1px邊界抵消邊界。

來源

2013-08-27 15:37:31 Vector

哇，溢出汽車是我需要解決我的問題。你是一個真正的人。非常感謝！ :) –

很高興幫助。這是很多開發者遇到的常見問題。 – Vector

保證金不起作用？需要兩個元素之間的空間

回答

相關問題