후우 살짝 넘어가려다가 아무래도 궁금하여 여쭤봅니다 ^^
글리슨
안녕하세요 수다닷컴 눈팅족;; 입니다 ㅎㅎ;;
걍 넘어가려다 아무래도 설명을 좀 듣고자하여 여쭤봅니다.;;
질문
----------------------------------------------------------------------------------------------------------------
첨에 작업을 하다가 아래 이미지처럼 파폭만 div 높이가 내용의 높이에 맞춰서 늘어나지가 않더라고요..
이게 문제가 float:left 의 여파로 그런것 같기는한데..
이것저것 해보다가 overflow:hidden; 을 넣으니 이게 또 잘되네요?
근데 오버플로우 히든은 넘어가는 내용은 가려버리는 명령어라고 알고있는데요;;
어떤 방식으로 저렇게 늘어나게 맞춰 주는것인지 궁금합니다;
그럼 즐건 주말보내세요~
....
원래는 파폭만 안늘어난다고 여쭤볼라했는데.. 글쓰는 중간에 되버려서 질문을 빠꿉니다 ^^;
CSS
-----------------------------------------------------------------------------------------------------------------
.visit_w{position:relative; width:435px; height:89px; padding-top:8px; padding-bottom:5px; }
.face{width:102px; height:86px; text-align:center; border:1px solid #cbcbcb; padding-top:1px;}
.write_visit{width:265px; padding-left:7px; height:86px; float:left;}
.send_btn{position:absolute; width:53px; height:18px; top:79px; left:382px;}
.visit_area{position:absolute; top:111px; padding:0; border-top:1px solid #c9c9c9;}
.visit_area01{position:absolute; width:434px; height:200px; top:111px; padding:0; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; text-align: center; font-size:11px; color:#c1c1c1; padding-top:22px; }
.visit_v{position:relative; padding:5px 0; min-height:90px; width:435px; background:url(../images/main/bg_visit_w.gif) repeat-x; border-bottom:1px solid #c9c9c9; clear:both; overflow:hidden;}
.view_visit{width:265px; padding-left:7px; float:left; font-size:11px; padding-top:5px;}
.view_visit dl{height:37px;}
.view_visit dd{float:left; line-height:14px; height:14px;}
.visit_text{ position:relative; clear:both; font-size:11px; line-height:14px;}
HTML
------------------------------------------------------------------------------------------------------------------
div class=visit_v
div class=face fLimg src=images/main/sample_img.gif //div
div class=view_visit
dl
dt class=mB2span class=bold[창천]/span a href=#span class=fgreen5바람의만리바람/span/a/dt
ddimg src=images/common/ico_nation_chock.gif class=fL //dd
dd삼고초려/dd
dd class=fgray5|/dd
ddimg src=images/cc/ico_level02.gif class=fL //dd
dd class=fgray5|/dd
dd도약하는 천마/dd
dd class=fgray5|/dd
ddLv.22/dd
/dl
div class=visit_text저는 검객을 하고 있는데요. 그럭저럭 만족 해요.br /저는 검객을 하고 있는데요. 그럭저럭 만족 해요.br /저는 검객을 하고 있는데요. 그럭저럭 만족 해요.br /
저는 검객을 하고 있는데요. 그럭저럭 만족 해요.br /
암튼 번위안에서 찍는게 젤로 중요한듯..span class=fgray5 (03/11 12:23)/span/div
/div
div class=dele_btnimg src=images/main/btn_delect.gif border=0 usemap=#Map //div
map name=Map id=Map
area shape=rect coords=0,0,12,11 href=# alt=신고 /
area shape=rect coords=14,0,43,12 href=# alt=삭제 /
/map
/div
결과
-----------------------------------------------------------------------------------------------------------------
-
유우
높이를 정하지 않고 overflow:hidden 을쓰지 않으면 가려지지 않습니다.
플로트되어있는 컨텐츠를 감싸구 있는놈은 안에 있는 컨텐츠의 높이인식을 못하게되는데..
이놈을 오버플로히든 , 혹은 float를 시키면 그넘의 높이를 인지하게됩니다 *_*; 이정도 ㅋㅋ
무슨 거의 마치 핵처럼 그러나 핵은 아닌 ㅋㅋ 그런 용도 로 쓰임 ㅋㅋ뉘다 ㅋ -
보물선
브라우져마다 렌더링의 차이가 있습니다. ^ ^
height값을 정해주지 않고 안에 내용에 float를 설정하시면 내용의 높이를 감싸고 있는것이
인식을 하지 못합니다.
overflow:hidden은 height값이 있을경우에는 그 높이를 벗어나는 내용을 가려주게 됩니다.
지금같은 경우에는 height값이 잡혀있지 않기때문에 안의 컨텐츠의 높이를 인식하게 해주는것같습니다.
물론 저의 혼자만의 생각..이게 정답은 아닙니다..혼자만의 생각이니;; -
이루리
머릿속에서는 생각이 나는데
글로 적는 솜씨가 없어서.ㅠㅠ
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2696504 | 플래시 위에 div 올리기 (5) | 큰꽃늘 | 2025-05-30 |
2696458 | 제가 만든 소스 한번 봐주시고 수정 할 꺼 있으면 말해주세요. (실행은 되지만 깜빡거리네요) | 이플 | 2025-05-29 |
2696434 | 퍼센트 레이아웃 질문인데요.. | 나츠 | 2025-05-29 |
2696372 | %=open_main%, %=open_sub% 가 뭘까요? (9) | 행복녀 | 2025-05-29 |
2696347 | 콘솔 프로그램 질문 | 상큼한캔디 | 2025-05-28 |
2696320 | c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. | 슬아라 | 2025-05-28 |
2696292 | 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? | 망고 | 2025-05-28 |
2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
2696094 | exe 파일 | 제철 | 2025-05-26 |
2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |