본문 바로가기

basic/CSS

float 해제 하는법

1. float이 된 부모 요소에게 visible을 제외한 overflow를 부여하기(단, 이 부모 요소 안에 부모의 영역을 벗어나는 팝업과 같은 자식 콘텐츠가 있다면 그 팝업의 내용이 보이지 않는 현상이 일어난다.)

2. 가상요소를 이용해 clear속성 부여하기

부모요소에 가상선택자 after로 clear속성 부여하기{clear: both;display: block;content:"";}

{

https://www.boostcourse.org/web344/lecture/47666?isDesc=false 

 

웹 UI 개발

부스트코스 무료 강의

www.boostcourse.org

 

'basic > CSS' 카테고리의 다른 글

Transform  (0) 2021.06.18
텍스트 말줄임 ...  (0) 2021.06.09
Simple reset css  (0) 2021.06.08
css blind 요소 숨김처리 기법  (0) 2021.06.08
배경색 투명  (0) 2021.05.20