수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

후우 살짝 넘어가려다가 아무래도 궁금하여 여쭤봅니다 ^^

글리슨

2023.04.01

안녕하세요 수다닷컴 눈팅족;; 입니다 ㅎㅎ;;
걍 넘어가려다 아무래도 설명을 좀 듣고자하여 여쭤봅니다.;;

질문
----------------------------------------------------------------------------------------------------------------
첨에 작업을 하다가 아래 이미지처럼 파폭만 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

결과
-----------------------------------------------------------------------------------------------------------------

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 유우

    높이를 정하지 않고 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
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com