본문으로 바로가기

clearfix 클래스 추가하여 float 해제하는 법

category 퍼블리싱/CSS 2016. 6. 21. 15:51

clearfix


1
2
3
4
5
6
7
8
9
10
11
.cf{
    &::before,
    &::after{
        content:'';
        display:table;
    }
    &::after{
        clear:both;
    }
}
 
cs


SCSS 스타일로 코딩해봄.



* 부모요소에 overflow : hidden 을 설정하면 float 해제된다.

'퍼블리싱 > CSS' 카테고리의 다른 글

rem 과 em  (0) 2016.06.21
효율적인 CSS 작성법  (0) 2016.06.21
SASS와 SCSS에 관하여  (0) 2016.06.20
background image와 linear gradient 동시에 주기.  (0) 2016.06.14
CSS로 background-color gradient 주기  (0) 2016.06.09