爲什麼我的保證金會在整個分部？

我有一個div中有一個div和1個H1標籤的頁面;爲什麼我的保證金會在整個分部？

我給保證金爲H1和它給保證金的整個DIV

這是爲什麼？

這裏是整個代碼：

<style type="text/css"> 
<!-- 
* { 
margin: 0px; 
padding: 0px; 
} 
#wrapper { 
margin-right: auto; 
margin-left: auto; 
background-image: url(image-files/mockupV2.jpg); 
background-repeat: no-repeat; 
height: 555px; 
width: 1040px; 
background-position: center top; 
} 
#wrapper h1 { 
text-align: center; 
font-size: 72px; 
font-family: "Comic Sans MS", cursive; 
text-decoration: blink; 
color: #F07D00; 
background-color: #000; 
margin-right: 125px; 
margin-left: 125px; 
display: block; 
margin-top: 125px; 
} 
--> 
</style> 
</head> 

<body> 
<div id="wrapper"><h1>COMING SOON</h1> 

</div> 
</body>

來源

2010-09-07 Aaron

當我查看頁面時，不會發生這種情況;什麼瀏覽器顯示該問題？你可以請張貼截圖嗎？ – lnrbob 2010-09-07 17:29:43

只需添加一個overflow:hidden到#wrapper

這應該工作。

來源

2010-09-12 18:25:38 adardesign

的問題

它由引起：

「在本說明書中，表述收縮邊際意味着兩個或更多個框的相鄰邊距合併形成單個邊距。「

或者更簡單地說：

當兩個元素的垂直邊距接觸，只與幅度最大值的元素的保證金將榮幸，而在該保證金具有較小的保證金值的元素將摺疊爲零。

添加垂直填充到您的#wrapper：

解決方案

您可以修復它。

將邊框添加到您的#wrapper。

浮動您的<h1>。

來源

2010-09-08 00:51:10 Pat

爲什麼我的保證金會在整個分部？

回答

相關問題