묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
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
답변 모두 고맙습니다. ^^
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
초옹무 | 메인메뉴 가운데 정렬 문으 드립니다. [2] | 2015.07.13 by 초옹무 |
jake | 총게시물 합산 ~ 아무리 찾아도 없네요..ㅜ.ㅜ 수식좀 봐주세요. | |
에키1 | 서버 이전으로 인한 에러 | |
착한동구 |
레이아웃 몸통 늘리기 좀 도와주세요
![]() | |
추억팔이 |
레이아웃 글씨생상 변경
[4]
![]() | 2015.04.23 by DoorWeb |
내부에 float 를 쓰려면
외곽에도 float 를 써주거나, display:inline-block 을 하든지..
별도의 조치를 해줘야합니다
http://naradesign.net/wp/2008/05/27/144/ 글을 참조해보세요