수다닷컴

특정 div만 너비가 다를 때 어떻게 해야 하나요?

가랑비 2025.03.10 댓글 7

wrap, header, contents, footer의 너비가 모두 998px인데요.
contents 안에 있는 div 하나만 1018px로 만들어야 합니다.
이 div 때문에 전체 레이아웃 너비를 바꾸지 않고 안에 넣을 방법이 있을까요?
각 영역에 너비와 패딩을 따로 주는 방법밖에 없는지 궁금합니다ㅠㅠ

댓글 7

  • 해사랑해 2025.03.10

    그 div 위치가 고정이라면 포지션으로 처리해도 괜찮겠죠. 그렇지 않다면 기본 설정부터 손보는 게 좋을 것 같아요^^

  • 도1도캣 2025.03.10

    wrap 너비를 1018px로 하고 header와 footer는 998px로 작업하면 될 것 같아요. 다만 모양이 어색할 수 있겠네요.
    인라인 style보다 CSS에서 지정하세요.

  • 여신 2025.03.10

    wrap과 contents만 1018px로 바꾸고 나머지 영역에 margin: 0 auto를 주면 될 것 같아요.

  • 갤1 2025.03.10

    네^^ 답변 감사합니다. 좋은 하루 보내세요.

  • 우주 2025.03.10

    너비가 큰 만큼 밖으로 나오겠죠.
    이상하면 디자이너와 얘기해서 조정해 보세요ㅎㅎ

  • 다올 2025.03.10

    답변 감사합니다^^ 그냥 1018px로 넣으니 레이아웃은 안 뒤틀리네요.
    다만 1018에서 998을 뺀 20px만큼 오른쪽으로 튀어나와요.

  • 맨마루 2025.03.10

    wrap, header, contents, footer를 998px로 두고 overflow: hidden만 설정하지 않으면 안에 div가 들어갈 것 같아요.