5

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

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

4

2 回答 2

12

你可以尝试两件事:

1)把元素溢出:隐藏

2)把元素显示:块

如果数字 2 与您的设计相冲突,请尝试将它们放入 float:left;

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

于 2013-08-27T15:36:28.830 回答
8

听起来像保证金崩溃。以下是您可以解决此问题的几种方法:

给你的内容 div 一个透明的边框或给你的内容 div 的 css 声明overflow: auto;

有些人给它一个1px边界时,他们也给它一个-1px边缘来对抗边界。

于 2013-08-27T15:37:31.607 回答