채택완료

css/default.css 중 content:"" 뭘까요?

2015-02-05 (목) 21:51:36 4,275

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:970px;border-right:1px solid #dde4e9;border-left:1px solid #dde4e9;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:"" }​

이게 무슨 뜻인가요?

제가 2번 질문드린내용인데.. 메인에서는 상단헤드가 마진이 없는데, 게시판에서는 위에 공백이 생기는 문제가..

요녀석 때문인가해서요....

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

#wrapper:after 에 적용한 속성은 일명 "clearfix"라는 기능을 사용한 것인데요.

float에 대한 일종의 버그 문제를 해결하기 위한 방법입니다.

http://blog.naver.com/duehd88/20204394202

http://wagunblog.com/wp/?p=195

참고해 보시고요.

포털 검색에서 "clearfix"라고 검색하면 관련 내용들이 많이 나올겁니다. 

답변에 대한 댓글 1개

port님 답변주셔서 감사합니다. 상단공백의 따옴표가 여기서 오나 싶었는데.. 아니더군요;; 계속 뒤져봐야겠습니다~^^

그리고 참고로 css에서 content 속성은

http://www.cmsfactory.net/node/10391

여기 보시면 이해 되실 겁니다. 

답변에 대한 댓글 1개

아고~ 감사합니다~ 처음으로 스크랩이란걸 했습니다~ 행복한 금요일되세요~^^

답변을 작성하려면 로그인이 필요합니다.