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

· 2012-09-06 (목) 16:44:18 · 1074 · 6
 
댓글 목록만들고있는데요.
 
전체를감싸주는 길이를잡지 않는다면 전체를 잡아준박스가 전혀안늘어나더라고요..
 
제목 없음-2.gif

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

댓글 6개

전 저럴경우 clear:both; 로 처리합니다.
2012-09-06 (목) 17:11:19
아.. 플롯이 문제였군요.. 흐미.
2012-09-06 (목) 17:15:49
<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 참고하세요.
2012-09-06 (목) 17:26:54
자식 엘리먼트 넓이가 가변이면 가로 스크롤바를 유발하는 방법이라 완벽한 방법은 아닌 것 같습니다. (물론 제 의견이 아닙니다 ㅎ) http://naradesign.net/wp/2008/05/27/144/
2012-09-06 (목) 17:27:44
알찬지식 하나 알려주셔셔 감사합니다.

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

퍼블리셔톡

300건
+
제목 글쓴이 날짜 조회
12-09-18 조회 1,300
12-09-18 조회 1,656
12-09-17 조회 1,230
12-09-16 조회 1,536
12-09-15 조회 1,195
12-09-13 조회 1,162
12-09-13 조회 1,138
12-09-12 조회 1,579
12-09-12 조회 1,845
12-09-11 조회 3,300
12-09-11 조회 1,571
12-09-11 조회 1,496
12-09-11 조회 1,284
12-09-10 조회 1,161
12-09-10 조회 1,178
12-09-10 조회 2,386
12-09-08 조회 1,230
12-09-07 조회 1,061
12-09-07 조회 1,102
12-09-06 조회 1,075
12-09-05 조회 1,001
12-09-05 조회 904
12-09-04 조회 1,133
12-09-04 조회 1,058
12-09-04 조회 1,186