css 가로 스크롤 문제
본문
코딩 할 때 보통 가로로 긴 목록 table 인 경우 모바일에서는 가로 스크롤 생기게 하는게 보통 코딩인데요
overflow-x: auto !important; white-space: nowrap !important;
div 안에 있으면 잘 작동하는데 fieldset 안에 있으면 가로 스크롤이 작동을 안하는데
fieldset 태그에 추가로 무슨 속성을 줘야 하나요?
하도 안돼서 fieldset 밖으로 빼니까 잘 작동하는걸 발견해서 ..
답변 1
fieldset은 기본적으로 브라우저에서 설정한 최소 너비를 가지고 있어서
min-width: 0; 을 적용해 주어야 된다고 합니다.
min-width: 0; 을 적용해 주어야 된다고 합니다.
fieldset {
min-width: 0;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
}
아.. 진짜 퍼블경력 20년이 다되어 가는데 그걸 몰랐습니다. 하긴 가로 스크롤 쓸 땐 필드셋 안에서 쓴 적이 거의 없었네요. 한번에 해결되네요 감사합니다.^^
min~width 는 엘레먼트에 회전을 줬을때
이걸로 가로사이즈를 잡아야 의도대로 나오더라구요.
https://sir.kr/pg_tip/18004
멋진 꿀팁 소개 감사합니다
답변을 작성하시기 전에 로그인 해주세요.