이상한 문제/버그, html5 nav 요소가 다른 항목의 절대 위치 지정에 영향을줍니다.

Ok 여기에 머리말이있는 절대 위치 지정 div가있는 이상한 문제가 있습니다. 그렇다면 마진이있는 nav 태그가 있고, nav의 시작 부분에 헤더의 왼쪽 상단에 앉아있는 대신 절대 배치 된 div가 있습니다. 따라서 탐색 메뉴의 상단 여백이 100 픽셀 인 경우 div는 100 픽셀 아래로 시작됩니다.이상한 문제/버그, html5 nav 요소가 다른 항목의 절대 위치 지정에 영향을줍니다.

하지만 헤더에 테두리를 적용하면 절대 위치 지정 div가 예상대로 작동합니다. html5 상용구 스타일을 사용하고 있습니다. 문제가 될 수 있습니다.

예제를 보면 설명하기가 더 쉽습니다. 아래의 링크는 버전을 벗기고 머리글이 테두리가 있고 다른 테두리는 테두리가없는 것과 동일한 마크 업을가집니다. 문제와

예 : 경계가 http://bennyb.co.uk/test/border.html

감사

B를 적용 할 때 고정 된 문제에 http://bennyb.co.uk/test/no-border.html

예

편집 : 확인이 그냥 실제로 알았는데 nav와 관련되어 있지만 div 인 경우 동일한 것 같습니다

출처

2012-08-03 Ben

좋아, 내가 그럭저럭 아무것도하지 않고 일하기 위해 얻을 수 있었던 유일한 것은 그것에 clearfix를 추가하고 있었다. – Ben

는 헤더에

overflow: hidden;

을 적용합니다.

출처

2012-08-03 00:53:05

감사 Caio, 그 트릭 않습니다. 이제 질문은 왜 이런 식으로 행동 하는가입니다. 왜 국경을 바꿀 것이고, 만약 div 태그가 nav 태그에 붙어 있다면 문제는 거기에 없다. – Ben

내비게이션과 관련된 것만 잘못되었으므로 div에 영향을 미칩니다. – Ben

오버플로 숨김을 사용하면 문제가 발생합니다. 드롭 다운 메뉴가 있다면 이것은 잘릴 것입니다. 다른 솔루션? – Ben

이상한 문제/버그, html5 nav 요소가 다른 항목의 절대 위치 지정에 영향을줍니다.

답변

관련 문제