height 값 문제 ㅠㅠ 채택완료
dfadfadf22
5년 전
조회 2,451
http://huin12.cafe24.com/theme/basic/company_sub4.php">http://huin12.cafe24.com/theme/basic/company_sub4.php
해당링크 페이지 조직도 의 org 라는 스타일이 height:700px 로 지정되어있어 반응형인데도
가로폭을 줄였을때 밑부분이 짤리며 해당 부분이 리사이징되지않고 height가 고정됩니다 ㅠ
높이값을 줄이면 아예 출력이안되는데 어떻게 해야할까요..
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
5년 전
반응형 부분에 height 값을 변경하도록 해주면 될텐데요
.org{<---------이 부분이 먼저 나와야 됨
~~
}
@media screen and (max-width:767px)*/
.org {
padding: 0 20px;
min-height:1500px;
height:auto;
}
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
5년 전
조직도 페이지에만 적용되는 css라고 생각하고 답변드립니다.
</p>
<p>.org {
/* height: 700px; *// 삭제
width: 100%;
}</p>
<p> </p>
<p> </p>
<p>.org .subdirector, .departments {
/* position: absolute; *// 삭제</p>
<p> /* top: 140px; *// 삭제
width: 100%;
overflow: hidden; // 추가
}</p>
<p> </p>
<p>.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;
}</p>
<p> </p>
<p>.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%;
}</p>
<p> </p>
<p> </p>
<p> </p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인