2

如何使 div 对齐中心和重叠？当他们使用相同的名称时如果我使用位置：绝对这意味着我也必须设置左侧并且它们不能对齐中心..

http://jsfiddle.net/pA8q4/

<div align="center" class="picwrap">pic
   <div class="pic">a</div>
   <div class="pic">b</div>
   <div class="pic">c</div>
</div>

.picwrap{
position: absolute;
margin-left: auto;
margin-right: auto;
top: 50px;
left: 0;
right: 0;
height: 100px;
width: 600px;
background-color: cyan;
}

.pic{
height: 70px;
width: 50px;
background-color: orange;
top: 0;     
}
4

3 回答 3

2

将此样式附加到 CSS 上：

.pic+.pic{
    position : relative;
    margin-top : -70px;
}
于 2012-10-18T21:55:09.007 回答
1

你需要position: absolute;在你的.picCSStop: 0;上工作：

.pic{
    height: 70px;
    width: 50px;
    background-color: orange;
    top: 0;
    position: absolute;
}
于 2012-10-18T21:43:00.673 回答
0

如果您希望 .pic 在绝对定位的 div 内居中，您应该将 display 方法设置为块并将左右边距设置为 auto。像这样：

.pic{
  display: block;
  margin: 0 auto;
  height: 70px;
  width: 50px;
  background-color: orange;
  top: 0;     
}

如果您希望 .pic 位于包含元素的顶部，则它们还需要具有绝对位置以及将顶部设置为 0。

于 2012-10-18T21:42:36.903 回答