.c
のように、右と上にそれぞれ.wp_list
ステーを入れる方法はright:0 top: 0
?
私は位置を絶対に設定しましたが、そのようtop: 0
に立つ.wp
と.wp_list
http://jsfiddle.net/8dMrx/
.wp{
background-color: blue;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
width: 450px;
}
.wp_list{
background-color: red;
margin: 10px;
height: 130px;
}
.a, .b, .c{
background-color: gray;
}
.a{
width: 220px;
height: 30px;
}
.b{
width: 220px;
height: 100px;
}
.c{
width: 130px;
height: 130px;
}
html
<div class="wp">
<div class="wp_list">
<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>
</div>
<div class="wp_list">
<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>
</div>
// generate from php
</div>