이경우 어떻게 해야할까요??

 
댓글 목록만들고있는데요.
 
전체를감싸주는 길이를잡지 않는다면 전체를 잡아준박스가 전혀안늘어나더라고요..
 
제목 없음-2.gif

 요렇게 패딩값만먹힐뿐 이네요..
 
전체 높이를 잡아주지 않더라도 자식의 높이가 잡혀있으니까. 감싸주어야하는게아닌가요..?
 
그렇다고 높이를잡아주면 댓글이 길경우 밖으로나가버리는문제가 생기는데..
 
 그래서 가변폭 으로 짜야할것같은데 ..
 
전체를 감싼건데도 패딩값만먹히고 저렇게되는게 이해가안가네요.
 
 왜그러는지 원인이라도 짚어주세요..!
|

댓글 6개

전 저럴경우 clear:both; 로 처리합니다.
아.. 플롯이 문제였군요.. 흐미.
<style>
div {padding:9px;border:1px solid #ddd;zoom:1}
div:after {display:block;visibility:hidden;clear:both;height:0;content:""}
div div {float:left;width:100px;height:100px;border:1px solid #ddd}
</style>

<div><div></div></div>
zoom:1 은 ie에서만 동작하는 요소입니다.


혹시 float 이 아니고 position:absolute 로 잡아주신 거면 당연히 부모 div 의 높이는 늘어나지 않게 됩니다람쥐
블럭이 float:left/right 등으로 되어 있을때 부모 블럭은 높이가 자동으로 늘어나지 않게 됩니다.
부모블럭 스타일에 overflow:hidden 값 또는 overflow:auto 을 줘보세요.

http://demun.tistory.com/1932 참고하세요.
자식 엘리먼트 넓이가 가변이면 가로 스크롤바를 유발하는 방법이라 완벽한 방법은 아닌 것 같습니다. (물론 제 의견이 아닙니다 ㅎ) http://naradesign.net/wp/2008/05/27/144/
알찬지식 하나 알려주셔셔 감사합니다.

여러분 사랑합니다.♡
댓글을 작성하시려면 로그인이 필요합니다.

자유게시판

+
제목 글쓴이 날짜 조회
13년 전 조회 1,123
13년 전 조회 1,131
13년 전 조회 1,175
13년 전 조회 4,921
13년 전 조회 1,517
13년 전 조회 1,257
13년 전 조회 1,237
13년 전 조회 1,205
13년 전 조회 1,070
13년 전 조회 1,098
13년 전 조회 1,144
13년 전 조회 2,022
13년 전 조회 1,100
13년 전 조회 1,222
13년 전 조회 1,476
13년 전 조회 1,073
13년 전 조회 1,195
13년 전 조회 1,112
13년 전 조회 1,120
13년 전 조회 1,806
13년 전 조회 957
13년 전 조회 900
13년 전 조회 1,440
13년 전 조회 1,834
13년 전 조회 1,128
13년 전 조회 1,187
13년 전 조회 1,371
13년 전 조회 1,127
13년 전 조회 1,318
13년 전 조회 1,422