묻고답하기
DIV 안에 DIV 넣기 질문
2017.12.08 16:25
<div style="background-color: #ccc">
<div>연습</div>
</div>
이렇게 하면 첫번째 div의 배경이 보이는데,
<div style="background-color: #ccc">
<div style="float:left">연습</div>
</div>
이렇게 두번째 DIV 스타일에 float:left를 주면 첫번째 배경이 사라지네요.
방법 좀 알려주세요.
태그 연관 글
- [2018/06/15] 묻고답하기 가변형 반응형 홈페이지 수정 문의 드립니다
- [2018/06/08] 웹마스터 팁 도메인 변경 또는 설치 폴더 변경시 이미지 주소변경하기
- [2018/01/02] 묻고답하기 페이지(위젯) 무제한 생성 안되는 문제, 도움 주십시요. *1
- [2017/06/30] 묻고답하기 이거 도대체 왜이러는걸까요.. 방명록 스킨 댓글 수정 시 나타나는 창에 이상한 태그들이 자동으로 나타나요
댓글 4
-
float 속성은 말그대로 레이어를 띄워버리는 속성입니다.
그래서 자식 div 인 '연습'이 부모창 위로 띄워져 버렸기 때문에 자식 div 를 감싸고 있던 부모 div 의 높이가 사라져
배경이 없어진것처럼 보이는 것입니다. ^^;
-
바깥에 있는 div에서 float를 clear시켜야합니다.
<style>
.outer { background-color:#ccc; }
.outer:after { content: " "; display: table; clear: both }
.inner {float:left;}
</style><div class="outer">
<div class="inner">연습</div>
</div> -
초보의도전
2017.12.13 11:48
답변 모두 고맙습니다. ^^
내부에 float 를 쓰려면
외곽에도 float 를 써주거나, display:inline-block 을 하든지..
별도의 조치를 해줘야합니다
http://naradesign.net/wp/2008/05/27/144/ 글을 참조해보세요