모든 CSS 레이아웃에서 #Container, #Wrapper에 유용합니까?

Question

전체 코드를 추가하는 것이 유용합니까? #container, #Wrapper 모든 CSS 레이아웃에서? 이 추가 없이는 레이아웃을 만들 수 없습니다 div ? 이 추가 사용을위한 장단점은 무엇입니까? div?

좋은 연습입니까? 모든 유형의 디자인/레이아웃에 유용합니까? 의미 적으로 정확합니까?

Answer 1

모든 CSS 레이아웃에서 #Container, #Wrapper에 전체 코드를 추가하는 것이 유용합니까?

필요하지 않습니다 모든 모든 레이아웃이 동일하지 않은 한 레이아웃과 래퍼/컨테이너가 필요한 경우에만 레이아웃.

이 여분의 div없이 레이아웃을 만들 수 없습니까?

예, 때로는 여분의 래퍼 디스크를 분배 할 수 있습니다.

이 여분의 div를 사용하는 장단점은 무엇입니까?

그것은 당신의 레이아웃에 전적으로 달려 있습니다. 종종 고정 너비 중심 디자인으로 래퍼가 가장 의미가 있습니다. 당신은 또한 스타일을 할 수 있습니다 body 태그이지만 오버레이 및 기타 요소는 구현에 따라 화면을 완전히 채우지 않을 수 있습니다.

좋은 연습입니까?

예,하지만 레이아웃에 필요한 경우에만 가능합니다.

모든 유형의 디자인/레이아웃에 유용합니까?

고정 너비, 중앙 레이아웃을 수행해야 할 때 일반적으로 유용합니다. 도움이되는 다른 용도는 확실하지 않습니다.

의미 적으로 정확합니까?

실제로는 아닙니다 body 정말 완벽합니다 container 또는 wrapper 따라서 다른 것을 추가하는 것은 중복됩니다. 그러나 필요한 브라우저 지원 또는 필요한 레이아웃에 따라 많은 설계에서 필요한 악입니다. 프로젝트와 레이아웃에 적합한 경우 걱정없이 사용하십시오.

Answer 2

당신이 가지고 있다면u003Cdiv id="container">u003Cdiv id="Wrapper"> 물건u003C/div>u003C/div> 그런 다음 반드시 단순화 할 수 있습니다. 어쩌면 ID를 클래스로 변경해보십시오u003Cdiv class="container">u003Cdiv class="Wrapper"> 그런 다음 스타일에서 #Container를 .Container로, #Wrapper로 .wrapper로 변경하십시오.

여전히 작동하면 스타일을 결합하여 내부 DIV를 제거 할 수 있습니다. 그것이 너무 어렵다면 (편집하기에는 너무 많은 스타일) 단일 div에서 클래스에 가입 할 수 있습니다.u003Cdiv class="container Wrapper"> 물건u003C/div> .

Answer 3

전체 페이지 주위에 컨테이너 Div를 넣는 것은 특정 상황에서 유용 할 수 있습니다. 예를 들어 모든 것을 중심으로하고 싶다면 margin: 0 auto; 컨테이너 div에서 완료됩니다. 즉, 확실히 필요하거나 유용하지 않습니다. 모든 레이아웃 유형.

의미 적 정확성에 관해서는, 물론 div 유일한 직접적인 아이로서 body 절대적으로 괜찮습니다. ㅏ div 태그는 그 자체로 의미 적 의미가 없으며, 그것이 소개 된 바로 그 이유는 의미 론적 태그를 잘못 사용하지 않고 레이아웃을 할 수 있었기 때문입니다.