HTML5 섹션이 전체적으로 확장되지 않습니다

Question

저는 HTML5를 처음 접했고 다른 요소의 목적을 잘 이해하지 못합니다. 나는 래퍼로서 섹션을 사용하려고 노력하고 있는데, 나는 모든 부분을 아우르는 섹션의 문제를 겪고있다.

는 다음 웹 주소로 이동하시기 바랍니다 수 : 나는

전체 폭을 커버하기 페이지에서 모든 방법을 스팬 섹션을 원하는 [인해 해결 질문에 제거]. 그러나 그것을 100 %로 지정하면 nav 및 float가 차지하는 너비를 무시합니다. 화면의 나머지 공간에 걸쳐 섹션을 확장하는 방법이 있습니까?

고마워요.

Answer 1

왼쪽으로 떠있는 것처럼 보입니다. # Maincontainer 섹션의 float: left 규칙을 제거하면 문제가 해결됩니다.

Answer 2

너가 가로 질러 가고 싶은 것을 정확하게 이해했다면 메뉴 섹션이된다. 이제 백분율 너비는 항상 그 컨테이너에 상대적이다. 그래서 컨테이너의 너비가 900px라면 그 안의 요소들은 너비가 100 %이다. 내가이 CSS 코드를 사용하고 당신이 폭을 지정 해달라고 보통 경우 지금

section#maincontainer { 
width: " put the value here"; 
} 

이 요소는 모든 공간이 소요 잘 작동하지만 경우에 당신이 float를 지정한 900px

해야합니다 float를 제거하면 특정 영역의 요소가 강제로 작동합니다.