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

Pat*_*man 4 html css space margin padding

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

所以问题是非常基本的 - 我有一个带有一些图像的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;
}
Run Code Online (Sandbox Code Playgroud)

因此,它是一个充当包装器的大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;
}
Run Code Online (Sandbox Code Playgroud)

这个div下方的标题只是一个<h3>标记,然后是一些文本.希望这可以帮助!

Hen*_*ijo 7

你可以尝试两件事:

1)把元素溢出:隐藏

2)把元素显示:块

如果数字2与你的设计混淆,试着把它们浮起来:左;

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


Kev*_*nch 7

听起来像保证金崩溃.您可以通过以下几种方式解决此问题:

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

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