1. float된 엘리먼트들을 감싸는 부모에 overflow: hidden; *zoom:1; 추가
2. float된 엘리먼트들을 감싸는 부모에 가상선택자를 이용한방법
부모엘리먼트 {
*zoom: 1;
}
부모엘리먼트:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
3. clear:both를 하고자하는 엘리먼트에 float을 지정... 단 넓이는 부모의 실컨텐츠 넓이와 같은 100%로 지정되어야함
4. 감싸는 부모의 닫힘 태그 바로 이전에 빈 태그를 삽입하고 clear:both;를 추가.
'PROGRAM > CSS' 카테고리의 다른 글
강제로 익스 호환성보기 (0) | 2014.03.19 |
---|---|
호환성 보기에서 이미지에 알 수 없는 여백이 생길 때 (0) | 2013.12.30 |
링크 아웃라인 점선 없애는 CSS (0) | 2013.09.11 |
구글 웹폰트 (0) | 2013.07.12 |
투명CSS (0) | 2013.06.26 |