1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | #wrap { width:90%; /* 960px */ height:500px; margin: 0 auto; border:2px solid #000; } .container { width:93.75% height:492px; margin:0 auto; border:4px solid #000; } .container div{ display:inline-block; height:100%; } .container div:first-child { width:33.333333333333333%; background:#e75d5d; } .container div:first-child + div { width:66.666666666666667%; background:#2dcc70; } |
스타일 부분 컨테이너의 자식 스타일을 기억하기
1 2 3 4 5 | <div id="wrap"> <div class="container"> <div></div><div></div> </div> </div> |