728x90
300x250
SMALL
100%에서 2%씩의 공간을 다 빼 줄 경우 76%가 나오 이걸 12로 나눈 값을 1개일 때 2개일 때 이렇게 곱해줄 때 2%의 공백을 넣어준다.
.grid_1 {width: 6.3%;}
.grid_2 {width: 14.6%;} /* 6.3*2 + 0.2 */
.grid_3 {width: 22.9%;}
.grid_4 {width: 31.2%;}
.grid_5 {width: 39.5%;}
.grid_6 {width: 56.1%;}
.grid_7 {width: 47.8;}
.grid_8 {width: 64.4%;}
.grid_9 {width: 72.7%;}
.grid_10 {width: 81%;}
.grid_11 {width: 89.3%;}
.grid_12 {width: 100%;}
728x90
반응형
LIST
'Front-end > HTML' 카테고리의 다른 글
컨텐츠 요소를 안보이게 하는 방법 비 (0) | 2022.06.22 |
---|---|
[html] float으로 레이아웃 잡기1 (0) | 2022.06.06 |
웹표준과 크로스 브라우징 차이 (0) | 2022.06.01 |
[HTML] blockquote태그 인용문 요소 사용하기 (0) | 2022.05.22 |
IE 호환성 보기 설정 무시하기 (0) | 2022.05.20 |
댓글