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

전체메뉴를 화면 전체 100%하는 방법 가르쳐주세요. 채택완료

4455 10개월 전 조회 1,353

http://sir.kr/data/editor/2501/3067840266_1735962733.7697.png" width="100%" />

그림에 보면 전체메뉴를 빨간 줄처럼 100% 차게 하고싶은데 그누보드 기본 사이즈가 1200px 있어서 어떤것을 만져야 할지 모르겠네요.

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

답변 1개

채택된 답변
+20 포인트
glitter0gim
10개월 전

*전체메뉴를 화면 전체(100%)로 확장하려면

CSS에서 기본 컨테이너나 레이아웃 설정을 변경.

css/default.css 또는 관련 CSS 파일에서 전체메뉴가 포함된 컨테이너를 확인한 뒤,

해당 컨테이너의 최대 폭(max-width)을 제거하거나 100%로 설정하고, 여백(margin)을 조정. 또한, 레이아웃이 깨질 경우 다른 스타일도 적절히 조정해야 합니다.

 

* css/default.css 경우

  - 만약에, 순정 그누보드라면 아래 부분을 수정 ;

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}

</p>

<p>#gnb .gnb_wrap,

#container_wr,

#ft_wr {

    max-width: none; /* 고정 폭 제한 제거 */

    width: 100%;     /* 화면 전체 너비로 확장 */

    margin: 0 auto;  /* 중앙 정렬 유지 */

    padding: 0;      /* 필요 시 여백 제거 */

}</p>

<p>
#gnb .gnb_wrap뿐만 아니라 #container_wr와 #ft_wr에도 적용되어,

모든 관련 요소가 화면 너비 100%로 확장되며, 중앙 정렬이 유지된다는 점을 염두에 두세요.

 

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

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

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

로그인