保证金不起作用?两个元素之间需要空间 [英] Margin doesn't work? Need space between two elements
问题描述
所以这个问题很基本 - 我有一个div与一些图像和一个头< h3>
,在这里我的内容开始。无论我尝试在两者之间创造一些空间,它都不起作用。我在两个元素上尝试了margin和padding,在相对位置和绝对位置之间切换,并且抛出了大量< br>
标签。没什么用的!
是什么导致我的两个元素如此吸引对方?什么可能导致无法在两个元素之间创建空间?
谢谢!
编辑:这是我的css代码div:
.bmwrapper {
width:720px;
职位:亲属;
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;
$ b 所以它是一个大的div,用作包装,两个div和右)在里面。链接显示为块:
a.bmlink {
display:block;
保证金:0;
padding:4px;
font-family:Tahoma,Verdana,Segoe,sans-serif;
text-transform:大写;
font-size:18px;
font-weight:bold;
letter-spacing:2px;
颜色:#08A;
text-decoration:none;
z-index:2;
}
这个div下面的标题只是一个< h3>
标签,然后有一些文字。希望这有助于您!
解决方案您可以尝试2件事:
1)把元素溢出:隐藏
2)把元素显示:block
如果数字2因为我没有代码,所以我不能给你更多的信息,但是当margin / padding做的时候不工作,通常是因为您要将它应用到内联项目(因此编号为2),或者您有一个容器,其中的所有内容都是浮动的,因此容器将没有合适的高度(因此编号为1)
First of all, I do apologize I don't put my link here, it's a site for work and I'm not allowed. I'll post the relevant parts of my code if necessary though.
So the problem is pretty basic - i have one div with some images, and a header <h3>
below where my content starts . No matter how much I try to create some space between the two, it doesn't work. I've tried margin and padding on both elements, changing between position relative and absolute, and throwing in lots of <br>
tags. Nothing works!
What causes my two elements to be so attracted to each other? What may cause inability to create space between two elements?
Thanks!
Edit: here's my css code for the div:
.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;
}
So it's one big div that acts as a wrapper, and two divs (left and right) inside. The links are displayed as blocks:
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;
}
The header below this div is just a <h3>
tag, then there's some text. Hope this helps!
解决方案 You can try 2 things:
1) Put the elements overflow:hidden
2) put the elemnts display:block
If number 2 messes up with your design, try putting them float:left;
Since I don't have the code I can't give you more information, but when margins/paddings do not work, it is usually because you are either applying it to an Inline item (hence number 2) or you have a container where everything inside is floating, so the container won't have the proper height (hence number 1)
这篇关于保证金不起作用?两个元素之间需要空间的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!