2014-07-20 2 views
0

여기 코드의 근육이 수축 : http://jsbin.com/dusuda/12/edit굴곡 용 요소도

내가 코어 - 헤더 패널 요소를 사용하고, 나는 그것을하지 않습니다 나타났습니다 것과 flex로 설정하지 않으면 렌더링됩니다. core-header-panel에는 3 가지 요소가 있는데, 달성하고자하는 것은 중간 요소가 구부러져도 모든 추가 공간을 차지하게하는 것입니다. 궁극적 인 목표는 하단에 끈적 끈적한 바닥 글을 넣는 것입니다.

샘플 코드에서 중첩 된 굴곡의 여러 용도를 보았으므로 괜찮을 것이라고 생각했지만 어떤 이유로 그것이 저를 위해 작동하지 않습니다. 나는 노란색 배경으로 div를 굽히려고했지만 여전히 그 내용의 높이를 채택하고있다.

답변

-1

Core-header-panel에는 두 개의 내용 삽입 지점 (헤더 용과 주 내용 용)이 있습니다.
JSbin에 3 개의 div (헤더, 기본 및 바닥 글)를 추가했습니다.
헤더는 core-toolbar이거나 core-header 클래스의 div이어야하며 주 콘텐츠 삽입 지점은 relative입니다.

자세한 내용은 레이아웃 요소의 official docs을 확인하십시오.

특정 문제를 해결하기 위해 3 개의 div를 2로 줄이고 기본 + 바닥 글 콘텐츠에 fit 속성을 사용했습니다. http://jsbin.com/fawof/1/edit?html,output

+0

감사 미트 :

내 JSBin 참조하십시오. 이것은 두 개의 삽입 지점을 필요로하는 코어 헤더 패널에 대해 많은 것을 설명합니다. 나는 실제로 core-header 클래스를 사용했지만, 실제 코드는 문제를 격리하고 모든 사용자 정의 요소와 컨텐츠를 제거한 이후 jsbin에서 제공 한 것보다 훨씬 길다. 문제는 실제로 핵심 헤더 패널에 3 명의 자녀가 있다는 사실입니다. – Franz

+0

아니요, 잘못되었습니다. 주요 부분 안에 큰 div를 넣으면 수직으로 넘치고 바닥 글이 엉망이됩니다. – LaC

관련 문제