[shaun236]

안녕 모두,

나는 완전히 새로운 웹 디자인이고 일부 온라인 자습서와 처음부터 일을 배우는 중이에요 / screencasts. 난 너희들에게 작은 도움이 필요합니다.

내 마크업에서 4 div있다. 하나는 "래퍼"div 다른 3 divs하면서 일부 이미지와 콘텐츠를 표시할 수있다. 나는 "래퍼"div 중심있다. 그 사이 3 div 너비와 평등도 왼쪽과 오른쪽 여백이 평등하고있다. 페이지가 꽤 많이 나는 그것을보고 원하는 방식으로 보이지만 확대를 시작할 때 이미지가 겹치는 부분을 시작할 수있는 확실한 지점.

또한 내가 증가 / 최대 - 폭 래퍼 "div"에 대한 줄일 다른 divs 내에 균등하게 정렬되어 있지 않습니다. 난 너비와 마진에 대한 %를 사용하고 나는 그것을 돌봐 줘야 믿었다. 내가 잘못 ... 조언을 부탁 뭐하 냐고?

나는 다음과 같은 도움이 필요 :

줌 - 1.When 내가 왜 이미지 중복 시작 하죠?
"최대 - 너비되지 않는 이유는 다른 divs 게재 순위를 유지하는"래퍼를 재설정 2.When?

내가 어떻게 그들을 고칠 수있는 조언을 부탁 해요? 내 마크업 파일도 붙어있다.

미리 감사드립니다!

HTML 코드 :


피콧 레이아웃





이 div1입니다







이 div2입니다







이 div3입니다









CSS는 규칙

코드 :


본문 (
마진 : 0;
패딩 : 0;
)

# 래퍼 (
마진 : 0 자동차;
최대 - 폭 : 60em;
국경 : 1px 점선 파란색;
높이 : 20em;
)

# div1 **
플로트 : 왼쪽;
너비 : 30.1 %;
마진 : 0 1.6 % 0 1.6 %;
)

# div2 **
플로트 : 오른쪽;
너비 : 30.1 %;
마진 : 0 1.6 % 0 1.6 %;
)

# div3 **
플로트 : 왼쪽;
너비 : 30.1 %;
마진 : 0 1.6 % 0 1.6 %;
)



첨부 파일 ElasticLayout.zip (4.7 이하)