테두리가 0으로 설정된 경우 페이지 아래쪽에 공백이 표시됩니다.

다음 HTML 샘플 (아래)이 있으며, 사용 가능한 영역을 채우는 큰 노란색 div로 전체 페이지를 덮어야합니다. div에 내용이 많지 않고 페이지가 위에서 아래로 노란색으로 덮여있을 때 잘 작동하지만 div에 텍스트 또는 기타 내용이 가득 차게하여 세로 스크롤 막대를 표시하면 하단에 흰색 틈이 나타납니다 . 왜이 공백이 나타나고 CSS 나 Javascript를 사용하여 제거 할 수 있는지 알 수 있습니까?테두리가 0으로 설정된 경우 페이지 아래쪽에 공백이 표시됩니다.

나는 덧셈해야한다 음수 여백과 밑줄 값을 추가하려고했지만 그냥 공백 문자를 제거하면 안된다.

도움이 될만한 Firefox 32를 사용하고 있습니다.

도움 주셔서 감사합니다.

<html> 
<head> 
<style> 
#f { 
    bottom: 0px; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    position: absolute; 
    display: block; 
    background: yellow; 
} 
</style> 
<body> 
<div id='f'> 
... lots of text here from ipsum ... 
</div> 
</body> 
</html>

출처

2014-10-31 user1412028

사용이 CSS는

body{ 
     margin: 0 0 0 0; 
    } 
    #f { 

     height:auto; 
     right: 0px; 
     display: block; 
     position:absolute; 
     background: yellow; 
    }

몸

에 마진 0 0 0 0 #F 바닥으로 왼쪽과 오른쪽을 제거하고 추가 작업

출처

2014-10-31 11:05:42

"position : absolute;"를 삭제하십시오. 그것은 당신의 문제를 해결합니다.

출처

2014-10-31 10:55:30

테두리가 0으로 설정된 경우 페이지 아래쪽에 공백이 표시됩니다.

답변

관련 문제