我想做这个:
margin: 0 auto 0 auto;
所以它漂浮到中心,但我想将div 100px向左移动
margin: 0 auto 0 [auto minus 100px];
所以它在中心的左边是100px。
我如何用CSS做到这一点?
注意:
这个div覆盖在另一个div的顶部。我不能把它放在另一个更大的div里面。
<style>
#one {
width: 100px;
margin: ?
}
</style>
<div id="one">
sdgdgffdsg
</div>
GGG在评论中给了我解决方案。
position: absolute;
left: -100px;
margin: 0 auto;
中心使用margin: 0 auto;
并使用position: relative; left: -100px;
向左移动
position:relative;
margin:0 auto;
left:-100px;
试试这个:
position:relative; left:-100px;
你没有。您必须包含另一个具有固定边距的元素。
<div id="foo">
<div id="bar">Hi!</div>
</div>
#foo {
margin: 0 100px 0 0; /* left margin only is 100px */
}
#bar {
margin: 0 auto;
}
你的内部div有固定的宽度吗?如果是这样,你可以这样做:
HTML
<div class="outside">
<div class="inside">
</div>
</div>
CSS
.inside {
position: absolute;
width: 100px;
height: 100px;
left: 50%;
top: 50%;
margin: -50px 0 0 -150px;
}