为什么我的保证金会在整个分部？

我有一个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

为什么我的保证金会在整个分部？

回答

相关问题