나는 CSS 격자 시스템 http://deco.gs/을 좋아합니다. 내 실제 레이아웃과 동일한 높이의 행에 셀을 만들고 싶습니다. 누구든지 그것을 성취 할 수있는 아이디어가 있습니까? 나는 동등한 높이 상자/란을하는 방법에 관한 많은 기사를 통과했다. 그러나 나는 http://deco.gs/에 가장 잘 맞는 것을 발견 할 수 없었다.http://deco.gs/ 특정 행의 셀을 동일한 높이로 만드는 방법은 무엇입니까?
의견을 보내 주셔서 감사합니다.
-
진수
당신은 당신이 달성하고자하는 방법에 대한 매우 불분명하다. 이런 식으로 사용할 수 없습니까? JSFiddle: http://jsfiddle.net/zUKV8/ 플론 (Plone) IN
거친 주형이지만 이것이 내가 우리에게 말한 것을 해석하는 방법입니다. –
그리드 레이아웃을 작성하는 데 오랜 시간 동안 간단하고 우아한 방법을 찾고있었습니다. http://deco.gs/는 매우 간단하고 정말 우아합니다. 내가 필요한 것은, 유일하게, 내 레이아웃의 행 중 하나에서 셀이 동일한 높이를 갖게하는 것입니다. 이 프레임 워크가 잘 작동하는 동안에는 다른 프레임 워크 (심지어 http://960.gs/가 아님)를 사용하고 싶지 않습니다. 그것의 저자는 어떤 행에있는 동등한 높이 세포를 만드는 어떤 방법도 게시하지 않았으며 그것이 내가 찾고있는 것이고 그것은 그 질문이 놓여진 방법입니다. 내 생각은 필요한 효과 또는 특수 셀 데프를 일으키는 "무언가"로 행 또는 셀을 래핑하는 것입니다. – mjf
: 좋아, 그건 나를 위해 작동 (크롬 - 다른 브라우저는 아직 테스트하지 않습니다!) :
#portal-columns {
height: 100%;
}
#portal-column-one {
position:absolute;
height: 100%;
}
그래서 가장 긴 컬럼과 동일한 높이 배경색이 가능하다.
이 방법이 테이블을 사용하는 것보다 낫다는 것을 이해하지 못합니다. – animuson
레이아웃에 테이블을 사용하는 것은 공식적으로 잘못되었습니다. 또는 CSS 표시 "테이블"속성을 의미하는 경우 모든 브라우저에서 해당 속성이 작동하지 않습니다. – mjf
데이터에 대해 모든 종류의 테이블을 사용해야합니다. 나는 데이터를 위해 테이블을 사용하고 나는 결코 문제가 없었습니다. – animuson