Question

首先，我道歉，我没有把链接放在这里，它是一个工作的网站，我不被允许。如果有必要，我会发布我的代码的相关部分。

所以问题非常基本 - 我有一个带有一些图像的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>标记，然后是一些文字。希望这有帮助！

Answer 1

您可以尝试两件事：

1）放置元素溢出：隐藏

2）把元素显示：块

如果数字2与你的设计混淆，请尝试将它们浮动：左;

由于我没有代码，因此我无法向您提供更多信息，但当边距/填充不起作用时，通常是因为您要么将其应用于内联项目（因此编号为2），或者您有一个容器，里面的所有东西都是浮动的，所以容器的高度不合适（因此数字为1）

Answer 2

听起来像margin collapse。您可以通过以下几种方式解决此问题：

为您的内容div提供透明边框，或者为您的内容div提供overflow: auto;

的css声明

有些人当他们给它1px边框时，他们也会给它一个-1px边距以对抗边界。

保证金不起作用？需要两个元素之间的空间

2 个答案: