전체 너비 브라우저 div의

최근에 div가 전체 페이지를 채웠다는 것을 알았습니다. 하지만 난이 방법을 사용 :전체 너비 브라우저 div의

#fullWidthHeader { 
width: 100%; 
top: 0px; 
left: 0px; 
position: fixed; 
}

을하지만 난이 position: fixed;를 사용할 때 다른 div의가 그 아래에 집착하고 그냥 엉망이됩니다.

어쨌든 position: fixed; 또는 box-shadow 메서드없이 전폭 브라우저 div를 수행 할 수 있습니까?

난 배경 방법처럼 할 수 ->background-size: cover; 또는 내가 사용해야 할 position: fixed;

편집

스크린 샷 : 당신은 패딩-가기를 적용 할 필요가 http://imgur.com/a/aFfc5#2

2014-02-21 Liam_Rab33

스크린 샷을 제공 할 수 있습니까? 나는 네가 의미하는 것을 얻지 못한다. – witherwind

기본적으로 div는 블록 레벨 요소이며 부모의 너비의 100 %입니다. – j08691

위치를 제거하면 고정됩니다. 그들은 기본적으로 전체 너비입니다. –

이 공간을 설명하기위한 헤더 아래의 요소

그 아래 #의 fullWidthHeader.height = 100 픽셀

내용이 될 것이다 그렇다면이 당신을 위해 무엇을 찾고있는

.content{ 
    padding-top: 100px; 
}

인가?

2014-02-21 03:07:34 busyPixels

아니요, 전체 페이지에서 #fullWidthHeader 만 사용하면됩니다. 왼쪽에서부터, 여기처럼> http://imgur.com/43T0jZX –

너비를 100 %로 설정하고 너비가 너비 인 머리글에서 이것을 시도하고 display:table;을 추가하십시오. 그것은 작동해야합니다. 고정 위치가 필요 없어요. 친척도 괜찮아요.

2014-02-21 06:00:07 fxdavidd

답변