모바일 웹사이트 작업시 가로를 100%로 하고 padding을 주면 오른쪽이 가려지네요.

Question

보통 100%로 가로를 꽉 차게 주고 여백을 주면 좌우에 여백이 생길 줄 알았습니다.

그런데 그렇지가 않네요.

혹시 방법이 있나요?

Answer 1

다음 스타일로 적용해보세요.

.box {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}

참고로 IE6, 7에서는 지원하지 않습니다.