height 값 문제 ㅠㅠ

height 값 문제 ㅠㅠ

QA

height 값 문제 ㅠㅠ

본문

http://huin12.cafe24.com/theme/basic/company_sub4.php

 

해당링크 페이지 조직도 의 org 라는 스타일이 height:700px 로 지정되어있어 반응형인데도

가로폭을 줄였을때 밑부분이 짤리며 해당 부분이 리사이징되지않고 height가 고정됩니다 ㅠ

 

높이값을 줄이면 아예 출력이안되는데 어떻게 해야할까요..

 

1794857853_1574921455.4173.png

이 질문에 댓글 쓰기 :

답변 2

반응형 부분에 height 값을 변경하도록 해주면 될텐데요

.org{<---------이 부분이 먼저 나와야 됨

~~

}

@media screen and (max-width:767px)*/
.org {
    padding: 0 20px;
    min-height:1500px;
    height:auto;
}

조직도 페이지에만 적용되는 css라고 생각하고 답변드립니다.


.org {
    /* height: 700px; *// 삭제
    width: 100%;
}
 
 
.org .subdirector, .departments {
    /* position: absolute; *// 삭제
    /* top: 140px; *// 삭제
    width: 100%;
    overflow: hidden; // 추가
}
 
.org .subdirector > li:first-child, .departments > li:first-child {
    width: 18.59894921190893%;
    height: 25px; // 수정
    margin: 0 auto ; // 수정
    padding-top: 25px;
    border-bottom: 0px solid #dfdfdf;
    z-index: 1;
}
 
.org .departments:after {
    content: "";
    display: block;
    position: absolute;
    width: 81.5%;
    height: 30px;
    border-top: 4px solid #dfdfdf;
    border-right: 4px solid #dfdfdf;
    border-left: 4px solid #dfdfdf;
    margin: 0 auto;
    top: 0; // 수정
    left: 9.5%;
}
 
 
 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 65
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT