테스트 사이트 - 개발 중인 베타 버전입니다

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

 
댓글 목록만들고있는데요.
 
전체를감싸주는 길이를잡지 않는다면 전체를 잡아준박스가 전혀안늘어나더라고요..
 
제목 없음-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/
알찬지식 하나 알려주셔셔 감사합니다.

여러분 사랑합니다.♡

게시글 목록

번호 제목
17274
4226
17273
17268
26337
26333
26330
26326
26320
17264
4217
30358
17259
17257
17250
30355
30352
17246
17244
17239
17238
17237
4210
17234
17232
17229
17222
30348
4202
17218
4192
4188
17215
4186
4183
17210
4178
17209
30344
17201
17194
30340
24388
17193
17190
17186
17184
17181
17179
4171
17176
17174
17172
17171
17169
30337
24387
4169
4166
17167
17163
17161
17159
17156
17151
17148
30334
17144
17138
17137
17133
17132
4161
17131
17129
30331
17128
17125
17122
4147
4142
26315
17121
17120
17117
26304
30322
30319
17116
17115
17114
17113
17112
17110
17109
17108
17107
17098
17092
17085