화면에 스태틱 위치 요소를 가져 오는 방법

Question

필자에게 필요한 요소가 전체 화면에 걸쳐 있습니다.

요소의 흐름에 있어야하므로 너비를 100 %로 설정하면 화면을 덮지 않으므로 고정 위치에 있어야합니다.

가 나는 된 절대 위치가 확인하고 0에 left 및 right 속성을 설정하고이를 화면을 커버 것이지만, 그 다음 요소는 DOM 요소 위로 혼란을 흐름 취출 될 수있다.

정적 배치 요소를 전체 화면으로 확장하려면 어떻게해야합니까? 기본적 position: static 그렇지있다 http://jsbin.com/uwepij

Answer 1

당신이 사용할 수있는 몸의 마진을 필요가없는 경우 : 바디 당신의 jsbin에 {마진 : 0;}

Answer 2

요소, 부모 엘리먼트의 폭보다 더 스팬 : 여기

는지지 jsfiddle이다.

보시다시피 body 요소의 여백은 8px입니다. 따라서 절대 위치가 지정되지 않은 요소는 모두 해당 공간으로 제한됩니다.

경우에는, 그러나, 당신은 당신과 같이 요소에 패딩과 부정 여백을 설정할 수 있습니다, 당신은 요소에 걸쳐하려면 얼마나 많은 여분의 공간을 알고 :

padding: 0 10px; 
margin: 0 -10px; 

이 업데이트로 위의 내용을 참조하십시오 http://jsbin.com/amuxev