2

divを中央に揃えて重ね合わせる方法は? 彼らが同じ名前を使用している場合 position: absolute を使用すると、左も設定する必要があり、中央に配置することはできません..

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;を機能させるには、.picCSSが必要ですtop: 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 に答える