상황3(양쪽 플로팅2)

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>상황3(양쪽 플로팅2)</title> <style> .column{ outline:1px #f00 dotted;} .in{ outline:1px #00f dotted; margin:10px;/*padding:10px;*/} .one{ width:70%; float:left;} .two{ width:30%; float:right;} </style> </head> <body> <div class="column one"> <div class="in">one1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 </div> </div> <div class="column two"> <div class="in">two2 2 2 2 2 2 2 2 2 2 22 2 2 2 2 2 2 2 </div> </div> </body> </html>...

원문링크 : 상황3(양쪽 플로팅2)