2013-09-30 2 views
1

초보자 인 HTML/CSS에서 이상한 한 가지 문제가 있습니다. 배울 때이 문제가 있음을 기억하지 못합니다. 그럼에도 불구하고 문제는 브라우저 창 크기를 조정할 때 스크롤 할 수 없다는 것입니다. 그녀는 코드입니다 :웹 페이지를 스크롤 할 수 없습니다.

<!DOCTYPE html> 
<html> 
<head> 
<body> 
<img id="pic" src="http://0.tqn.com/f/lg/a154.png"/> 
<style> 
#pic { 
position: fixed; 
left: 1060px; 
top: 150px; 
right: 300px; 
bottom: 658px; 
} 
</style> 
</body> 
</head> 
</html> 

좌우 그것 때문에 내가 하나 개의 특정 위치에 이미지를 해결하기 위해 알고있는 유일한 방법에 내가 사진의 위치를 ​​넣어. 나는 auto를 시도했지만 브라우저 크기를 조정하면 그림이 움직인다. 시간과 노력에 감사드립니다.

+0

나는 이것이 해결책 일 수 있다고 생각한다 :'; ; ' – Slit

답변

0

좋아, 내가 생각하는 문제는 절대적인 요소를 배치 할 때 문서의 흐름에서 제거한다는 것입니다.

마치 페이지의 본문에서 절대적인 요소가 제거 된 것처럼 생각하면됩니다.

페이지 본문은 항상 브라우저의 너비가 100 %입니다. 이미지가 브라우저보기 포트 외부에 배치됩니다.

두 가지 옵션이 있습니다. 사용자에게 절대 위치 지정을하지 말고 CSS 레이아웃을 사용하여 적절한 위치에서 이미지를 얻으십시오.

또는 브라우저의 너비를 필요한 너비로 설정할 수 있습니다. 1200px

첫 번째 옵션은 현대에 적합하며 앞으로 더 많은 사이트를 방문하는 것이 좋습니다.

관련 문제