假设您将以下css应用于div标签
.divtagABS {
position: absolute;
margin-left: auto;
margin-right:auto;
}
Run Code Online (Sandbox Code Playgroud)
margin-left和margin-right不生效
但如果你有亲戚,那就行了
,divtagREL {
position: relative;
margin-left: auto;
margin-right:auto;
}
Run Code Online (Sandbox Code Playgroud)
这是为什么?我只是想要一个元素
有人可以解释为什么在绝对位置设置自动保证金不起作用吗?
我想设置元素position来absolute和有一个margin-bottom,但似乎margin-bottom没有效果.
HTML:
<div id='container'></div>
Run Code Online (Sandbox Code Playgroud)
CSS:
#container {
border: 1px solid red;
position: absolute;
top: 0px;
right: 0px;
width: 300px;
margin-bottom: 50px; // this line isn't working
}
Run Code Online (Sandbox Code Playgroud) 所以我有一个带有以下css的背景图片:
body{
background-image:url(cover.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;
}
Run Code Online (Sandbox Code Playgroud)
并且背景图像的宽度为1280像素.所以我希望我的导航栏固定并以背景为中心.但是我遇到了问题.这是我的代码.
#navigation {
margin: 0 auto;
position:fixed;
top: 0;
width: 1280px;
height: 35px;
padding-top: 10px;
background-color: #000000;
}
Run Code Online (Sandbox Code Playgroud)
但导航栏将固定但不居中.如果我移除固定的,它将使其居中但是它不固定.
有没有办法实现这个目标?