css

float의 부모에 height 적용 안될때

Bittersweet- 2020. 4. 20. 10:13
728x90

1. 가상선택자:after로 clear 하는 방법

 

부모 엘리먼트 :after에 clear 값을 적용함.

 

2. overflow:auto / overflow:hidden

부모 엘리먼트에 위의 속성 부여

 

3. float를 부여

부모 엘리먼트에도 float를 적용

* 부모 엘리먼트의 너비가 브라우저의 크기에 따라 가변적이어야 하는 경우 적용하기 어려움

* 조상 엘리먼트들이 겹겹이 존재할 시 자식 엘리먼트의 높이를 전달하기 위해 상위 엘리먼트에 모두 float를 적용 시켜줘야하므로 사용을 권장하지 않음.

 

'css' 카테고리의 다른 글

속성 선택자 with ^, $  (0) 2020.07.03
속성 선택자(Attribute Selector)  (0) 2020.07.03
부정 선택자 NOT  (0) 2020.07.03
NTH OF TYPE  (0) 2020.07.03
가상 클래스 선택자 xxx-child 주의사항  (0) 2020.07.03