이경우 어떻게 해야할까요??
댓글 목록만들고있는데요.
전체를감싸주는 길이를잡지 않는다면 전체를 잡아준박스가 전혀안늘어나더라고요..
요렇게 패딩값만먹힐뿐 이네요..
전체 높이를 잡아주지 않더라도 자식의 높이가 잡혀있으니까. 감싸주어야하는게아닌가요..?
그렇다고 높이를잡아주면 댓글이 길경우 밖으로나가버리는문제가 생기는데..
그래서 가변폭 으로 짜야할것같은데 ..
전체를 감싼건데도 패딩값만먹히고 저렇게되는게 이해가안가네요.
왜그러는지 원인이라도 짚어주세요..!
댓글 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년 전
알찬지식 하나 알려주셔셔 감사합니다.
여러분 사랑합니다.♡
여러분 사랑합니다.♡
게시글 목록
| 번호 | 제목 |
|---|---|
| 17764 | |
| 17761 | |
| 17753 | |
| 17750 |
JavaScript
자바스크립트 메소드 관련..
2
|
| 26370 | |
| 4334 | |
| 4332 | |
| 17749 | |
| 17747 |
JavaScript
클릭하면 레이어로 메뉴영역 올라오는거요~~
1
|
| 26369 | |
| 17746 | |
| 17743 |
기타
쇼핑몰을 구축하려면
2
|
| 17742 | |
| 17740 |
PHP
라이브러리를 만들어서
1
|
| 17738 |
Flash
플래시 작업소스가 없는데
1
|
| 17736 |
MySQL
mysql 커뮤니티 버젼을 사용해서
1
|
| 17734 | |
| 17732 |
JavaScript
flash의 많은 기능들을
1
|
| 30517 |
HTML
php로 사이트 개발시
3
|
| 17729 |
Linux
그누4 에서 메일발송을 사용하려면
2
|
| 17728 |
jQuery
상용 그리드에 버금가는
|
| 17725 |
정규표현식
운전면허번호도
2
|
| 24409 | |
| 17722 |
node.js
node.js 활용사례 좀..
2
|
| 30513 | |
| 17720 |
Mobile
jquery mobile 커스터마이징...
1
|
| 17719 |
PHP
프레임웍 보다는...
|
| 4331 | |
| 17716 | |
| 26368 | |
| 17715 |
node.js
nodeJS 의 scraping
|
| 17713 |
JavaScript
바탕 화면에 생성될 아이콘(파비콘)의 자비스크립트에 대해 에러..ㅠㅠ
1
|
| 17712 |
Mobile
모바일 사이트 링크 걸기..(기본)
|
| 17709 |
JavaScript
ajax호출실패는 어떤 경우에 생기나요?
2
|
| 30511 | |
| 30507 | |
| 30503 | |
| 30500 | |
| 17706 |
JavaScript
스크립트 고수들님.... 초보인데요,,
2
|
| 17704 | |
| 17701 | |
| 17697 |
Mobile
Jindo 모바일 사용해보신분 있으신가요?
3
|
| 17691 | |
| 17685 | |
| 30474 |
HTML
제일 이해안되는 문제..
25
|
| 17674 | |
| 30467 |
HTML
태그 문의드립니다...
6
|
| 17670 |
MySQL
그누보드 innoDB?
3
|
| 17667 |
PHP
무슨뜻일까요>
2
|
| 17664 | |
| 17660 |
MySQL
MYSQL 필드 전체 암호화?
3
|
| 17658 | |
| 17656 | |
| 4325 | |
| 30459 | |
| 4318 | |
| 17653 |
MySQL
SQL Export 하는 중입니다.
2
|
| 30452 | |
| 17649 | |
| 30450 | |
| 30437 | |
| 17647 |
Flash
에러좀 봐주세요...
1
|
| 4315 | |
| 4310 | |
| 30435 |
HTML
스크롤에 따라 변하는 메뉴...
1
|
| 30413 |
HTML
로고 크기에 제한이 있나요?
21
|
| 17646 |
Flash
xml가 로드가 안됩니다ㅠㅠ
|
| 30411 | |
| 17642 |
Linux
윈도우 xp에 리눅스 설치 하면..
3
|
| 17638 | |
| 17636 |
Linux
리눅스 서버 관련 책좀 추천 해주세요..
1
|
| 30407 | |
| 17634 |
node.js
node.js가 간단하게 어떤건가요??
1
|
| 17632 |
MySQL
mysql 튜닝 책 추천 부탁 드립니다.
1
|
| 17627 | |
| 17624 | |
| 17620 | |
| 17619 | |
| 17616 |
Mobile
요즘 하이브리드에 관심이 많아서요..
2
|
| 17614 |
정규표현식
정규식을 공부 하는 방법이 있을까요??
1
|
| 17613 |
MySQL
인덱스 관련해서..
|
| 17609 |
JavaScript
고수님들, jQuery Mobile 은 희망이 없는건가요?
3
|
| 17606 |
MySQL
테이블에 인덱스 걸고 테스트..
2
|
| 17605 |
PHP
사이트 캡쳐 관련해서..
|
| 17601 | |
| 24408 | |
| 17597 |
JavaScript
1차셀렉트값 변경시 2차셀렉트값 변경 질문입니다
3
|
| 4299 | |
| 17594 |
JavaScript
퀵메뉴때매 고생하시는분들을 위한 자작 퀵메뉴 제공 ㅋ
2
|
| 17587 |
JavaScript
주소창에 url직접 입력시에..
6
|
| 17586 |
Flash
플래시 + GD 로 캡쳐하는 방법...
|
| 4295 | |
| 17582 | |
| 17577 |
Linux
리눅스에서 백업 하는 소스입니다.
4
|
| 17569 |
Linux
쉘에서 웹프로그램 실행하기
7
|
| 17568 | |
| 17565 | |
| 30399 | |
| 30394 |
HTML
웹 표준화 관련 사이트들
4
|
| 24400 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기