height 값 문제 ㅠㅠ
본문
http://huin12.cafe24.com/theme/basic/company_sub4.php
해당링크 페이지 조직도 의 org 라는 스타일이 height:700px 로 지정되어있어 반응형인데도
가로폭을 줄였을때 밑부분이 짤리며 해당 부분이 리사이징되지않고 height가 고정됩니다 ㅠ
높이값을 줄이면 아예 출력이안되는데 어떻게 해야할까요..
답변 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%;
}
답변을 작성하시기 전에 로그인 해주세요.