테스트 사이트 - 개발 중인 베타 버전입니다

그누보드 height auto 채택완료

SIRhelpme 3년 전 조회 3,042

안녕하세요 다들 바쁜 하루 보내시고 계신가요 ?

 

다름이 아니라 그누보드  index 레이아웃을 짜고 있는데 갑자기 width스크롤바가 생겨서 의아하던 찰나에 

 

이것저것 건드려보니 #container에 있는 height:auto !important때문인걸 발견했네요 ..

 

혹시 이 scrollbar를 아예 없앨수 있는 방법이 있을까요 ?

 

 

#container {position:relative;float:left;min-height:700px;margin:0px 0px 10px 0px;height:500px;font-size:1em;width:930px;zoom:1; min-width:100%;

height:auto !important }

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
cuwaaang
3년 전

스크롤이생긴다는건 안에 레이어가 해당레이어를 감싸는 밖 레이어보다 넓이가 크다는거겟죠

height 는 상관없고

width , min-width 를 수정하거나

밖 레이어에서 overflow hidden 으로 변경해보면 될듯

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

3년 전

</p>

<p>#container {</p>

<p>   -ms-overflow-style: none; /* IE and Edge */</p>

<p>   scrollbar-width: none; /* Firefox */</p>

<p>}</p>

<p>#container::-webkit-scrollbar {</p>

<p>   display: none; /* Chrome, Safari, Opera*/</p>

<p>}</p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
3년 전

width, height 늘리거나, overflow:hidden 넣으시면 될 듯.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

S
SIRhelpme
3년 전
다 늘려보고 overflow:hidden을 줬는데도 안되네요 ㅠㅠ
들레아빠
3년 전
height:auto !important를 지우고 아래를 넣으세요.
overflow:hidden
S
SIRhelpme
3년 전
그렇게 하면 나머지 밑에 있는 element들이 안나오네요 ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인