일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 30 |
Tags
- 파싱
- ChatGPT
- Javascript
- 자바스크립트
- 프로그램
- c#
- 파이썬
- Php공부
- 아두이노 초보
- 자동글쓰기
- cocos2d-x
- 웹
- 아두이노 강좌
- HTML
- 아두이노
- flex
- 자동포스팅
- 아두이노 기초강좌
- 워드프레스
- 쿠팡파트너스
- 가상서버
- 무료일러스트
- 그누보드
- 챗지피티
- Ajax
- Python
- php
- 자동블로그
- vultr
- vps
Archives
- Today
- Total
목록영역 (1)
플밍
float:left 요소의 부모영역의 높이 차지하게 만들기
블록요소를 가로로 정렬하게 하기 위해서 보통 float:left 를 사용합니다.하지만 이때 float 적용한 요소가 부모의 영역 초과하게 될때 부모요소는 자식의요소의 높이를 반영하지 않아 참 괴롭습니다. 보통 아래와 같이 되지요.#ads_1 AAABBB AAA BBB 이걸 해결하는 간단한 방법이 있습니다.#ads_2 방법1)바로 부모의 overflow 항목을 hidden 으로 주기만 하면 됩니다.왜 그런지는 저도 이해가 잘 안되지만 결과적으론 잘 되니 만족스럽습니다. 결과는? 짜잔~ AAA BBB 방법2)부모 박스 뒤에 가상의 블록을 만들어 clear:both 시켜도 됩니다..parent:after{content:'';display:block;clear:both;}이렇게요.결과는 똑같습니다.방법1보다는 ..
프로그래밍/HTML/CSS
2014. 1. 7. 21:22