css 가로 스크롤 문제 채택완료

웹프리죤

1년 전 조회 3,393

코딩 할 때 보통 가로로 긴 목록 table 인 경우 모바일에서는 가로 스크롤 생기게 하는게 보통 코딩인데요

overflow-x: auto !important; white-space: nowrap !important;

div 안에 있으면 잘 작동하는데 fieldset 안에 있으면 가로 스크롤이 작동을 안하는데

fieldset 태그에 추가로 무슨 속성을 줘야 하나요?

하도 안돼서 fieldset 밖으로 빼니까 잘 작동하는걸 발견해서 ..

#css #가로스크롤

정렬:

채택된 답변

+20 포인트

마르스컴퍼니

1년 전

fieldset은 기본적으로 브라우저에서 설정한 최소 너비를 가지고 있어서
min-width: 0; 을 적용해 주어야 된다고 합니다.

Copy

fieldset {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

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

웹프리죤

1년 전

아.. 진짜 퍼블경력 20년이 다되어 가는데 그걸 몰랐습니다. 하긴 가로 스크롤 쓸 땐 필드셋 안에서 쓴 적이 거의 없었네요. 한번에 해결되네요 감사합니다.^^

비타주리

1년 전

min~width 는 엘레먼트에 회전을 줬을때
이걸로 가로사이즈를 잡아야 의도대로 나오더라구요.
https://sir.kr/pg_tip/18004
멋진 꿀팁 소개 감사합니다

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

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