요소가 화면에서 동일한 상대 위치를 유지하도록하려면 어떻게해야합니까?

Question

이 효과 어떤 해상도

를 재현하는 가장 좋은 방법은 무엇입니까? 이 요소 (머리글, 내용 영역, 메뉴 항목 및 바닥 글)가 항상 서로 동일한 상대 위치를 갖도록하여 곡선 효과를 깨지 않고 항상 완벽하게 정렬되도록하는 방법이 있습니까? CSS 마스크?

지금까지 모든 요소는 텍스트를 제외하고 이미지입니다.

Answer 1

아주 간단합니다. 항상 중앙에 표시되는 요소를하려면 먼저

width: 100%; 

와 내부 (배경으로 설정하여 이미지) 배경 DIV을하기 위해선, 바닥 글에 관해서는 자사의 CSS를

margin: 0 auto; 

에 추가

margin: 0 auto; 

을 그리고

0으로 주요 컨테이너에 모든 div의 이미지를 넣어 : 그것은 다시와 사업부를 넣어

레이아웃에서 작업 할 때 상대적 또는 고정 위치 지정보다 여백, 패딩 및 고정 너비를 항상 사용하는 것이 좋습니다.