|
|
|
11-03-12
|
조회 1,604
|
|
|
|
11-03-12
|
조회 1,796
|
|
|
|
11-03-12
|
조회 1,334
|
|
|
|
11-03-12
|
조회 1,707
|
|
|
|
11-03-12
|
조회 1,613
|
|
|
|
11-03-12
|
조회 1,614
|
|
|
|
11-03-12
|
조회 1,608
|
|
|
|
11-03-12
|
조회 2,277
|
|
|
|
11-03-12
|
조회 1,637
|
|
|
|
11-03-12
|
조회 2,247
|
|
|
|
11-03-11
|
조회 1,886
|
|
|
|
11-03-11
|
조회 1,624
|
|
|
|
11-03-11
|
조회 2,526
|
|
|
|
11-03-11
|
조회 1,629
|
|
|
|
11-03-11
|
조회 1,637
|
|
|
|
11-03-11
|
조회 3,499
|
|
|
|
11-03-11
|
조회 1,759
|
|
|
|
11-03-11
|
조회 2,588
|
|
|
|
11-03-11
|
조회 1,606
|
|
|
|
11-03-11
|
조회 2,254
|
댓글 2개
.clr {clear:both; width:600px;}
.box {width:200px; float:left;}
</style>
<div class="clr">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
</div>
<div class="clr">
<div class="box">4</div>
<div class="box">5</div>
<div class="box">6</div>
</div>
<div class="clr">
<div class="box">7</div>
<div class="box">8</div>
<div class="box">9</div>
</div>
.wrap { width:600px; height:300px; color:white; }
.leftcolumn { float:left; width:200px; height:300px; }
.center { float:left; width:200px; height:300px; }
.rightcolumn { float:left; width:200px; height:300px; }
.test1 { width:200px; height:100px; background-color:gray;}
.test2 { width:200px; height:300px; background-color:gray; }
.test3 { width:200px; height:150px; background-color:gray; }
</style>
<div class="wrap">
<div class="leftcolumn">
<div class="test1">a1</div>
<div class="test1">a2</div>
<div class="test1">a3</div>
</div>
<div class="center">
<div class="test2">b1</div>
</div>
<div class="rightcolumn">
<div class="test3">c1</div>
<div class="test3">c2</div>
</div>
</div>