여기에 내 웹 페이지를 만들고 있습니다. http://tinyurl.com/7n8jxbt내 페이지가 내 콘텐츠까지 확장되는 이유는 무엇입니까?
문제는 꼬리말 다음에 꽤 많은 공백이 있다는 것입니다. 모질라 파이어 폭스를 제외한 모든 것에 공백이 있습니다.
나는 공간을 차지하는 것이 무엇인지 결정하기 위해 inspect 요소를 사용하려고했지만 아무 것도 없다고 말했습니다.
이 공간이 모두 왜 있는지 누가 알 수 있습니까?
회전되어 문서에 높이를 부여하는 옆 단어 요소입니다.
여백이나 상단 설정이 필요하지 않습니다.
는
font-family: Georgia, "Times New Roman", Times, serif width:100%
는 아마도,이 작은 오류로, 브라우저가 완전히 잘못 CSS 파일의 나머지 부분을 읽어 CSS 파일에 문제 (1 호선)이있다. 따라서 width을 줄 바꿈하고 serif 다음에 font-family 줄을 닫고 세미콜론 ;을 닫습니다.
편집 : My Head Hurts의 코멘트가 정확하다고 보입니다.
세미콜론을 사용하는 것이 좋습니다. 내가 그걸 또한 고칠 수 있도록 할게. – FreeSnow
span이 id="SideWord" 인 경우 문제가 발생합니다. 이 요소에서 스타일 margin-top:100%을 제거하면 공백이 사라집니다.
무슨 공백입니까? 공백을 표시하는 스크린 샷이 도움이 될 것입니다. –
공백은 빈'# sideword' 요소로 인해 발생합니다. 나중에 거기에 넣을 물건이 있습니까? –
먼저 html 및 css 파일의 유효성을 검사하십시오 (W3 유효성 확인자) – Ruben