DIV를 통한 3 열 레이아웃 (중간 유연성, 모든 유연한 높이, 엄격한 모드)

StackOverflow https://stackoverflow.com/questions/1000691

  •  05-07-2019
  •  | 
  •  

문제

안녕하세요 여러분, 나는 이것으로 조금 고투했고 해결책을 찾지 못하는 것 같습니다. 이것이 불가능하다는 조언이나 간단한 진술이 필요합니다 (지금까지는 불가능하다고 생각합니다). 문제는 다음과 같습니다. 3 열이 필요하다. 트릭은 오른쪽 또는 왼쪽 열이 중간보다 키가 크며 바닥 글을 겹치지 않아야한다는 것입니다. 또한 docmode도 엄격합니다. 테이블이 SEC로 문제를 해결한다는 것을 알고 있지만 주변에 DIV 솔루션이 있는지 궁금합니다.

도움이 되었습니까?

해결책

이것이 당신이 찾고있는 것입니다.

http://matthewjamestaylor.com/blog/perfect-3-column.htm또는 픽셀 폭으로 :http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-fixels.htm

XHTML 엄격하고 모든 현재 브라우저를 지원합니다.

다른 팁

Yui Grid CSS 아마도 당신이 원하는 것입니다. 나는 CSS Magic 관련에 익숙하지 않지만 여러 다른 레이아웃을 지원합니다. 고정 된 왼쪽 및 오른쪽 열을 지원하지 않는 것 같습니다.

테이블 도전은 나에게 황소에 붉은 깃발을 흔드는 것과 비슷하지 않습니다.

http://edeverett.co.uk/experiments/notables2.html

IE7, FF3, Chrome 2에서 테스트.

이렇게하면 대부분의 길을 얻을 수 있습니다. 주요 아이디어는 메인 열이 100% 너비로 설정된 두 측면 열에 음수 마진을 사용하는 것입니다. 페이지 너비가 낮은 한계를 가짐으로써 이점을 얻을 수 있습니다.

(중앙 섹션에 컨텐츠를 포함시키는 방법을 보여주기 위해 HTML 예제를 편집했습니다)

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top