수다닷컴

clear:both되어서 내려간다.. 라기보단 영역이 좁아져서 떨어지는것 뿐입니다. 해제되는것은 아닙니다.
플롯은 다음에 오는 애들한테 영향을 주기때문에 그걸 끊어줘야 하는거고요.
그리고 참고로 말씀드리면 :after 가상선택자는 IE7에서는 작동안해요..
플롯해제 방법은 여러가지가 있지만 각기 상황에 따라 다르니까요.

Overflow는 float이들어간 태그의 부모에게 주잖아요?? 근데 overflow 대신 가상선택자를 이용하여 clear:both를주어 해제합니다 예를들면 li를 옆으로 붙이면 li에 float을 주고 ul:after {content:\\;display:block;clear:both}를 넣는겁니다 컨텐츠는 말그대로 가상선택자로 생성된 가상의태그에 넣을 문자열이고 그것을 블록처리하고 플롯을 주지않는다!요거죵

아수카 님의 말씀을 듣고 궁금해져서 그러는데요..
부모가 찌그러져서 overflow: hidden 를 주는대신데 width값을 딱 정해놔버리면 그안에서 자식들은 clear:both 되어 내려가지 않나요? 제가 말하는게 overflow: hidden을 안쓰는 또다른 방법이 되는건가요? ㅎㅎ

overflow:hidden이란 속성은
부모의 영역 외에 넘치는(overflow)부분을 가려라(hidden)라는 말입니다.
자식들을 플로트 하고 나면. 부유(float)시켰기 때문에 부모가 자식을 감싸지 못하고 찌그러지게 됩니다.
그래서 뒤에 있는 요소들이 딸려와서 레이아웃이 찌그러지게 되는데 ,
그걸 해제해주는게 플롯해제 방법인데 , 그 중 하나인 clear:both는 그 다음 녀석에게 걸되, 그녀석을 꼼짝 못하게 그자리에 박아둡니다.
clea

답변 감사합니다! ^^ 홍춘님 말씀대로 clear:both; 사용해보니,
저도 개인적으로 clear:both가 더 좋은 것 같네요.

좋은 답변 감사드립니다! :)

부모에 overflow:hidden 을 주시면 부모영역 안에 내용이 얼마나 되든지
부모 영역만큼만만 보입니다.
대체로 height 를 지정하는 경우가 없어서 그렇지 height 까지 지정하게 되면
보이지 않게 됩니다.

그래서 개인적으로는 overflow보다는 clear:both를 사용하는게 좋은 것 같습니다.
본래 float 을 해제하기 위한 속성이니까요.