Develop/HTML, CSS

CSS - clear 속성

Rigid to Me 2022. 9. 12. 11:57

clear : float에 대한 속성을 제어하고자 할 때 사용

 

<header></header>
<aside class="left">Hello World</aside>
<main></main>
<aside class="right">Hello World</aside>
<footer></footer>

<style>
    footer { clear : both; }
</style>

 

left, right가 float 속성을 가지고 있을때, clear 속성은 footer부터 적용됨

float의 기능을 꺼줌. clear : both;

'Develop > HTML, CSS' 카테고리의 다른 글

CSS - 동적인 웹사이트 transform, transition, animation  (0) 2022.09.14
CSS - margin 병합  (0) 2022.09.12