CSS 레이아웃 관련 질문드려요 채택완료
CSS 로 레이아웃을 만들고 있는데요. 막히는 부분이 있어서 질문드려요.
https://www.w3schools.com/code/tryit.asp?filename=G34CPJ22AN4R">https://www.w3schools.com/code/tryit.asp?filename=G34CPJ22AN4R
위 링크를 보시면, 섹션부분에 높이를 지정해 주었을때는 섹션부분 스타일이 잘 적용이 되는데요.
높이를 auto로 지정해 주어서 안에 칼럼 높이에 따라 섹션 높이가 자동으로 바뀌게 끔 하려고 설정해 주면, 섹션 백그라운드 색깔이 적용이 안되네요.
https://www.w3schools.com/code/tryit.asp?filename=G34CU1D735LX">https://www.w3schools.com/code/tryit.asp?filename=G34CU1D735LX
무엇인가 놓친것 같은데 잘 모르겠습니다. 적용이 안되는 이유가 궁금하고, 적용하려면 어떻게 해야하는지 가르침 부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
6년 전
</p>
<p><div class="section">
<div class="article">
<div class="test1">왼쪽 칼럼</div>
</div>
<div class="article">
<div class="test2">오른쪽 칼럼</div>
섹션부분
</div>
<strong><span style="color:#c0392b;"> <div style="display: block; clear: both;"></div></span></strong>
</div></p>
<p>
div.section 안의 div.article 들은 float상태이므로 공중에 떠있다고 보시면 div.section 높이를 가질수 없습니다.그래서 끝나기전에 float을 없애주시면 됩니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택