이경우 어떻게 해야할까요?? 정보
퍼블리셔 이경우 어떻게 해야할까요??본문
댓글 목록만들고있는데요.
전체를감싸주는 길이를잡지 않는다면 전체를 잡아준박스가 전혀안늘어나더라고요..
요렇게 패딩값만먹힐뿐 이네요..
전체 높이를 잡아주지 않더라도 자식의 높이가 잡혀있으니까. 감싸주어야하는게아닌가요..?
그렇다고 높이를잡아주면 댓글이 길경우 밖으로나가버리는문제가 생기는데..
그래서 가변폭 으로 짜야할것같은데 ..
전체를 감싼건데도 패딩값만먹히고 저렇게되는게 이해가안가네요.
왜그러는지 원인이라도 짚어주세요..!
추천
0
0
댓글 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 의 높이는 늘어나지 않게 됩니다람쥐
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 참고하세요.
부모블럭 스타일에 overflow:hidden 값 또는 overflow:auto 을 줘보세요.
http://demun.tistory.com/1932 참고하세요.
자식 엘리먼트 넓이가 가변이면 가로 스크롤바를 유발하는 방법이라 완벽한 방법은 아닌 것 같습니다. (물론 제 의견이 아닙니다 ㅎ) http://naradesign.net/wp/2008/05/27/144/
알찬지식 하나 알려주셔셔 감사합니다.
여러분 사랑합니다.♡
여러분 사랑합니다.♡
