오버플로 숨김 - 앵커 링크가 콘텐츠 오버플로

이전 댓글로 이동할 때 콘텐츠가 오버플로됩니다. 링크를 참조하십시오.오버플로 숨김 - 앵커 링크가 콘텐츠 오버플로

예 : http://justfortest.cba.pl/misc/index.html 내가 발견

(내용이 링크를 앵커 절단) http://justfortest.cba.pl/misc/index.html#comment-3 (전체 내용이 표시)이 내가 오버 플로우 제거 할 때 : 숨겨진를; .content> div에서 콘텐츠가 오버플로되지는 않지만 디자인이 파괴됩니다. 배경이 너무 길고 div가 너무 깁니다.

오버플로 제거 후 : 숨김; (div 길이와 배경 문제). justfortest.cba.pl/misc/index2.html#comment-3

업데이트 :

.content {padding: 40px 0; border-top: 5px solid #e3e4e6; border-bottom: 1px solid #d8d8d8; background: url("images/bg.png");} 
.content>div { width: 980px; margin: 0 auto; border: 1px solid #d8d8d8; background: #fff;} 
.main {float: left; overflow: hidden; width: 610px; margin-bottom: -5000px; padding: 15px 35px 5030px;} 
.sidebar {float: right; width: 260px; margin-bottom: -5000px; padding: 15px 19px 5030px; border-left: 1px solid #e8e8e8; background: #fafbfc;}

당신이 그 문제를 도와 주 시겠어요 : 여기

콘텐츠 부분에 대한 코드?

도움이 될 것입니다.

종류는

출처

2013-02-13 Newbie1

안녕을 시도하고 SO에 오신 것을 환영합니다 간주한다. 제발,이 읽어 : http://meta.stackexchange.com/questions/80978/questions-linking-to-external-web-sites-instead-of-showing-code 및이 : http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link-to-it –

안녕하세요, 링크 덕분에 이미지를 추가 할 수 없었습니다. 평판이 10보다 커야합니다. 나는 w3c로 html과 스타일을 검사했는데 심각한 오류는 없다. 나는 또한 질문에있는 내용을 CSS 코드로 업데이트했다. 더 할 수있는 게 있나요? – Newbie1

이 Newbie1을이

.main { 
    float: left; 
    margin-bottom: 0; /* from -5000px */ 
    overflow: hidden; 
    padding: 15px 35px 30px; /* from 15px 35px 5030px */ 
    width: 610px; 
}

출처

2013-02-13 15:34:14

'margin-bottom : -5000px'는 일종의 'Pee-ka-boo'버그를 페이지에 넣은 것처럼 보입니다. 또한 DOM은 전체 페이지 높이를 계산하는 데 어려움이 있습니다. 특정 앵커 # 해시를 표시합니다. –

안녕하세요, 귀하의 코드를 시도했지만 도움이되지 않습니다. 여전히 같은 문제가 있습니다. – Newbie1

나는 내 .main 클래스를 위의 .main 클래스로 바꿨다. – Newbie1

오버플로 숨김 - 앵커 링크가 콘텐츠 오버플로

답변

관련 문제