이경우 어떻게 해야할까요??
댓글 목록만들고있는데요.
전체를감싸주는 길이를잡지 않는다면 전체를 잡아준박스가 전혀안늘어나더라고요..
요렇게 패딩값만먹힐뿐 이네요..
전체 높이를 잡아주지 않더라도 자식의 높이가 잡혀있으니까. 감싸주어야하는게아닌가요..?
그렇다고 높이를잡아주면 댓글이 길경우 밖으로나가버리는문제가 생기는데..
그래서 가변폭 으로 짜야할것같은데 ..
전체를 감싼건데도 패딩값만먹히고 저렇게되는게 이해가안가네요.
왜그러는지 원인이라도 짚어주세요..!
댓글 6개
13년 전
전 저럴경우 clear:both; 로 처리합니다.
13년 전
아.. 플롯이 문제였군요.. 흐미.
13년 전
<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 의 높이는 늘어나지 않게 됩니다람쥐
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 의 높이는 늘어나지 않게 됩니다람쥐
13년 전
블럭이 float:left/right 등으로 되어 있을때 부모 블럭은 높이가 자동으로 늘어나지 않게 됩니다.
부모블럭 스타일에 overflow:hidden 값 또는 overflow:auto 을 줘보세요.
http://demun.tistory.com/1932 참고하세요.
부모블럭 스타일에 overflow:hidden 값 또는 overflow:auto 을 줘보세요.
http://demun.tistory.com/1932 참고하세요.
13년 전
자식 엘리먼트 넓이가 가변이면 가로 스크롤바를 유발하는 방법이라 완벽한 방법은 아닌 것 같습니다. (물론 제 의견이 아닙니다 ㅎ) http://naradesign.net/wp/2008/05/27/144/
13년 전
알찬지식 하나 알려주셔셔 감사합니다.
여러분 사랑합니다.♡
여러분 사랑합니다.♡
게시글 목록
| 번호 | 제목 |
|---|---|
| 4851 | |
| 30604 |
반응형
반응형웹 패턴/리소스/뉴스
4
|
| 4842 | |
| 26788 |
퍼블리셔
디자이너 지만 질문요
6
|
| 4847 | |
| 4839 |
개발자
디게 나른한 날이네요.
2
|
| 4838 |
개발자
오늘은 개발자
|
| 24428 | |
| 30600 | |
| 28442 | |
| 4835 | |
| 4831 |
개발자
미챠!!!! ㅠㅠ
3
|
| 4825 | |
| 26775 | |
| 26768 | |
| 4821 |
개발자
혹시 css에
3
|
| 4818 | |
| 4815 | |
| 4804 | |
| 4800 | |
| 4796 | |
| 26757 |
퍼블리셔
그누보드 vs 나의 퍼블리싱
10
|
| 4792 | |
| 18160 |
JavaScript
자바스크립트 함수모음!!!
8
|
| 26754 | |
| 4786 | |
| 18157 | |
| 4782 | |
| 4777 | |
| 18152 |
JavaScript
실시간 금액 계산기 ver.2 (php에 적용 가능)
4
|
| 4775 | |
| 4768 | |
| 4763 | |
| 4758 | |
| 4756 |
개발자
버벅거릴 수 있나요?
1
|
| 4751 | |
| 4740 | |
| 26746 | |
| 26736 | |
| 4737 | |
| 4731 | |
| 4726 | |
| 26726 | |
| 4719 | |
| 26403 | |
| 4713 | |
| 26398 | |
| 4711 | |
| 4706 | |
| 28437 | |
| 26709 | |
| 18151 | |
| 4705 | |
| 4699 |
개발자
제작의뢰 게시판은..
5
|
| 24421 | |
| 4696 | |
| 18150 |
Mobile
미래웹기술연구소 “HTML5 써야할 이유는…“
|
| 18149 | |
| 18148 |
Mobile
KT-한국MS, HTML5 웹앱 개발 활성화 맞손
|
| 18146 |
Mobile
KT, 앱개발 전문과정 ‘스마트스쿨’ 운영
1
|
| 26397 | |
| 26694 | |
| 26679 |
퍼블리셔
j-query 사용은 올바른가?
14
|
| 4693 |
개발자
리자님?
2
|
| 4684 | |
| 18145 |
JavaScript
getHtmlInfo
|
| 26664 | |
| 26656 | |
| 28434 | |
| 4681 |
개발자
왜 다운이 안되는 거죠?
2
|
| 28432 | |
| 4673 | |
| 4665 |
개발자
오, 사이트 바뀌었네요!
7
|
| 4660 |
개발자
이거 유저불량인가요??
4
|
| 26648 | |
| 4656 | |
| 4648 | |
| 4649 | |
| 4652 |
개발자
로그인페이지로 안가요
3
|
| 26642 |
퍼블리셔
퍼블리셔가 다뤄야 할 영역은?
5
|
| 4632 | |
| 26630 |
퍼블리셔
신입 퍼블리셔 연봉은 얼마?
11
|
| 4627 | |
| 4622 |
개발자
node.js 문의..
4
|
| 18142 |
JavaScript
자바스크립트 코딩할때 실수하기 쉬운 한가지(배열)
2
|
| 4606 | |
| 4592 |
개발자
아이폰앱 만들려면
13
|
| 4583 | |
| 4575 | |
| 26616 |
퍼블리셔
사이트를 제작하려고 합니다
13
|
| 4565 |
개발자
도메인주소가 바껴요~
9
|
| 4550 | |
| 4545 | |
| 4524 | |
| 28422 | |
| 26611 |
퍼블리셔
사이트 제작해볼려구요
4
|
| 4520 |
개발자
포인트 ㅠㅠ
3
|
| 26600 | |
| 28408 | |
| 4516 |
개발자
디비이전때문에요....ㅠㅠ
3
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기