내가 지금 일하고있는 많은 디자인들은 페이지가 중앙에 위치하도록 요구한다. 나는 margin : 0 auto; 너비 : 955;전체 페이지 너비 테두리, 중심 콘텐츠, 가장 좋은 방법은 무엇입니까?
각 주요 섹션에는 하단 테두리가있는 div가 있으며,이 레이아웃에서는 화면 가운데에서 너비가 955가됩니다.
하지만 실제 테두리는 페이지의 전체 너비가되고 싶습니다.
이 작업을 수행하는 가장 좋은 방법은 무엇입니까? StackOverflow가 바닥 글에 사용하는 것과 같은 방식으로 사용하고 있지만 페이지에 3 개의 테두리가있는 경우 지저분 해 보입니까?
하면 전체 폭에 걸쳐 테두리 헤어 졌 몇 가지 섹션이하고자하는 경우, 당신의 더 나은 내기가 다음과 같이 페이지를 구성하는 것입니다
<body>
<div id="container" style="width: 100%;">
<div style="width:100%;border-top:1px solid black;">
<div style="width:955px; margin:0 auto;">
Section 1 Content
</div>
</div>
<div style="width:100%;border-top:1px solid black;">
<div style="width:955px; margin:0 auto;">
Section 2 Content
</div>
</div>
<div style="width:100%;border-top:1px solid black;">
<div style="width:955px; margin:0 auto;">
Section 3 Content
</div>
</div>
</div>
<div id="footer" style="border-top: 1px solid black;">
Footer Content
</div>
</body>
가 당신의 인생을 더 쉽게하기 위해, 인라인 스타일을 클래스 이름으로 대체하고 외부 스타일 시트를 사용하는 것이 좋습니다. 그렇게하면 각 섹션에 동일한 클래스 이름을 부여하고 스타일을 한 번만 작성할 수 있습니다.