2014-11-22 4 views
0

그래서 방금 연습을 위해이 디자인을 개발했습니다. 그리고 그 모든 것은 화면 크기보다 큰 것을 제외하고는 원했던 것과 같습니다. 브라우저 안의 페이지를 검사하고 모든 여백과 너비를 확인했지만 그 원인을 찾을 수없는 것 같습니다.웹 페이지가 화면보다 큰가요?

1280px 너비의 자동 여백이 포함 된 .container div가 있으므로 항상 중심에 있고 모든 것이 내부에 있습니다. 그 컨테이너는 <body> 안에 있습니다.

다음은 내 압축 프로젝트에 대한 링크입니다. 단 몇 KB 밖에 없습니다. 한 페이지 만. http://files.fm/u/aguxkzq

답변

2

.laptop h1의 위치 스타일 특성으로 인해 문제가 발생합니다. 그들이 position:relative 자사의 래퍼 관련하여 배치 할 필요가 있기 때문에

.laptopimage하고 다음 h1position: absolute을해야합니다.

이 섹션을 리팩터링해야합니다.

+0

나는 모든 위치를 제거하는 것이 좋습니다 : 친척 및 사용 수레. 그런 다음 섹션 요소 인'.green> section '의 여백이나 절대 위치를 변경할 수 있습니다. –

관련 문제