Fatal编程技术网
  • html/
  • Html 为什么我的利润会出现在整个部门？

Html 为什么我的利润会出现在整个部门？

html css

Html 为什么我的利润会出现在整个部门？,html,css,Html,Css,我有一个带有一个div和一个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

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


马上就来
问题

这是由以下原因造成的：

在本规范中，表达式 利润率崩溃意味着 两个或多个方框的相邻边距 合并形成一个单独的页边距。”

或者更简单地说：

当垂直边距为2时 元素相互接触，只有边缘 具有最大边距的元素的 价值将得到尊重，而 具有较小值的元素的边距 边距值将折叠为 零

解决方案

您可以通过以下方式进行修复：

  • 将垂直填充添加到
    #包装中
  • 将边框添加到您的
    #包装器中
  • 浮动您的
    • 只需在
    #包装器中添加一个
    溢出：隐藏的
    

    这应该行。
    当我查看页面时，不会发生这种情况；哪个浏览器显示此问题？你能发布一个截图吗？