답변 3개 / 댓글 1개
채택된 답변
+20 포인트
Copy
<style>
.flexbox {
display: flex;
}
.column {
padding: 10px;
height: 300px;
background: silver;
border: 1px solid grey;
}
.column.aside {
flex: 1;
}
.column.main {
flex: 2;
}
</style>
</head>
<body>
<article class="flexbox">
<div class="column main">Main</div>
<div class="column aside">Aside</div>
</article>
</body>
각 요소를 감싸는 요소에 float:left 주시면 됩니다.
ps.
HTML CSS 딱 1주일 잡고 빡세게 공부해 보세요.
답변을 작성하려면 로그인이 필요합니다.
IE11 호환성을 유지해야된다면 sinbi님이 언급하신 float:left나 width값을 지정하고 display: inline-block 스타일을 이용할수도 있습니다.
https://caniuse.com/#feat=flexbox
https://d2.naver.com/helloworld/8540176