2010-12-20 2 views

답변

1

좋은 주제입니다. Fixed Vs Fluid Vs Elastic layouts

+0

이것은 흥미로운 읽을 거리였습니다. 요즘 고정 레이아웃 대신 em을 사용하기 시작했고 도움이 될 수 있습니다. 내 생각에, 우수 사례는 em을 사용하고 "+/-"버튼을 추가하는 것입니다. 이 방법은 body 태그의 글꼴 크기를 늘리면 모든 브라우저에서 작동하는 확대/축소 기능으로 작동합니다. (모든 크기가 물론 설정되어있는 한) – Dan

0

최대 높이 및 최소 높이를 정의한 경우 상수 이외의 단점이 많지 않으므로 새로운 게시 된 콘텐츠가 모든 해상도에서 좋아 보이면 걱정할 필요가 없습니다. 백분율 반올림 및 겹침 마진 문제는 여전히 있습니다 ... Stubbornella은 유연한 레이아웃 (demo page 참조)과 함께 제공되는 대부분의 문제에 대한 해결책을 찾는 것으로 알려져 있으며 Matthew James Taylor의 The Perfect 3 Column Liquid Layout도 있습니다.

1

프로

  1. 이 같은 높이에있는 가장 쉬운 방법입니다.
  2. 플로트 또는 위치 사용을 피합니다. 의도하지 않은 용도로는 절대 값입니다.
  3. 초보자가 비 의미 론적 태그를 사용하여 HTML을 오염시키지 않으면 서 CSS의 나란히 배치를 생성하는 간단한 방법을 제공합니다.

단점

  1. 그것은 IE7에서 작동하지 않습니다 및 이전 등이 수레 또는 위치와 주변 사람들 브라우저 나 혼란에 대해 서로 다른 레이아웃을 정의해야 하나 : 그 브라우저를위한 CSS를 생성하는 절대 어쨌든 다른 브라우저에서도 똑같이 잘 작동합니다.
  2. colspan 또는 rowspan 효과를 만들려면 다른 테이블에 한 테이블을 중첩시켜야합니다.
  3. 사람들은보다 유연한 접근 방식을 취하는 대신 그리드 레이아웃을 작성하도록 권장합니다.
관련 문제