HTML 요소가 왜 그렇게 많은 공간을 차지합니까?

Question

CSS를 사용하여 배치 할 페이지에 약간의 텍스트가 있습니다.

#alpha { 
    position: relative; 
    bottom: 72px; 
    left: 50px; 
} 

문제는 그 CSS는 페이지 전체가 넓게 발생한다는 것입니다 :

<div id="alpha"> 
Alpha 
</div> 

이것은 내가 위치를 사용하고있는 CSS는 다음과 같습니다

이것은 div 클래스입니다. 이 코드를 사용하기 전에 브라우저에서 가로로 스크롤 할 수 없습니다. 이제 CSS를 추가 했으므로 브라우저에서 오른쪽으로 스크롤하면 보이지 않는 이미지가 오른쪽으로 튀어 나와있는 것처럼 보이게됩니다.

아이디어가 있으십니까?

Answer 1

사업부가 블록 요소이다; 너비를 지정하지 않으면 너비가 전체 페이지 너비가됩니다.

여기 JS 바이올린에 fiddle

링크가 코드와 함께 동반되어야 예입니다. 다음은 코드 블록입니다. <code>hoot</code>

Answer 2

대신이 시도 :

#alpha { 
    margin-bottom: 72px; 
    margin-left: 50px; 
} 

Answer 3

body 스타일에 overflow: hidden을 추가하십시오.

div은 100 %이므로 오른쪽으로 이동하면 더 이상 윈도우에 맞지 않으므로 스크롤바가 표시됩니다.