Webkit 브라우저에서 내용/바닥 글 중복 문제가 발생했습니다.

현재 개발중인 사이트에 약간의 문제가 있습니다. 본문 내용이 바닥 글 div와 충돌하고 부분적으로 뒤에 숨겨지며 바닥 글 내용을 밀고 있습니다.Webkit 브라우저에서 내용/바닥 글 중복 문제가 발생했습니다.

Chrome/Win, Safari/Win 및 Safari/Mac에서만 이러한 증상을 복제했습니다.

현재 페이지 볼 수 있습니다 : 나는 HTML을 검증 한 http://www.pacarmy.ca/blog2.php

및 IE9/승리의 미세 동일한 페이지 테스트를 FF/승리, 오페라/승리.

인터넷 검색 나에게 도움이되지으며, 내가 찾은 유래에 가장 가까운 스레드가 wwas : 전혀 정말 문제가되지 않습니다

css chrome issue at footer cross browsers (IE,FF,Chrome)

합니다.

누구든지 조언 할 수 있습니까? 추측 해? 아무것도? :)

감사합니다.

출처

2011-08-12 DaveL

게시물이 플로팅되고 부모 요소가 펼쳐진 요소를 포함하도록 확장되지 않으므로 플로팅을 지울 필요가 있습니다. 이를 수행하는 한 가지 방법은 섹션 요소에 'overflow : auto'를 추가하는 것입니다. 이로 인해 상위 요소가 넘칠 때 요소가 확장됩니다. 그러나 그 페이지에 게시물이나 요소를 더 추가 할 때 사용할 수있는 최상의 장소인지 방법인지 확인하지 않았습니다.

자세한 정보 및 방법을 보려면 Google에 'SOUTH FLAT'을 검색하거나 SOUT에서 검색 할 수 있습니다.

출처

2011-08-12 20:38:22 Rob

저도 처음 생각했습니다. 게시물의 컨테이너 만 떠 다니고,
를 입력하십시오. 각 게시물 이후에 게시물을 추가하면 게시물 내용 이후에도 아무런 영향을 미치지 않습니다. – DaveL

사실, 잠시만 기다려주십시오 ... 저는 방금 블로그 스크립트의 최상위 컨테이너 전체에 대해 또 다른 설명을 추가했습니다. 이제는 잘 보입니다. WTH? 그 div에 아무런 부유물도 없습니다 .... – DaveL

글쎄, 당신은 올바른 생각을 가지고있었습니다. 떠 다니는 컨테이너는 부모님에 의해 포함되지 않았습니다. 그 이유는 알았 으면 좋았을 텐데, 검토 중에는 어쨌든이 페이지에 떠있을 필요가 없으며 이제 막 제거했습니다. 이제는 예상대로 작동합니다. 답변을 수락했습니다. – DaveL

Webkit 브라우저에서 내용/바닥 글 중복 문제가 발생했습니다.

답변

관련 문제