ng-grid에서 높이를 100 %로 설정하여 창 크기 조정시에도 부모 컨테이너 높이 (격자 div를 래핑하는 다른 div)를 항상 유지해야합니다. 어떻게해야합니까? {height : 100%}
이 문제가 해결되지 않습니까? 아주 결국% 단위의 높이 그리드 높이. 부모 컨테이너의 100 %
4
A
답변
0
https://github.com/angular-ui/ng-grid/issues/80
는 구세주는 대답을했다. 높이 100 %는 최신 버전에서 허용됩니다. 그 후에도 헤더는 일정하게 유지됩니다.
6
이것이 저에게 효과적입니다. @ dcryan22로 연결 this thread에서
.ui-grid {
position: absolute;
height: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
사람은,이 답변의 일부 버전을 언급했다. 대답에서 해결책의 실제 전체 코드를 여기에 포함시키는 것이 도움이 될 것이라고 생각했습니다.
이러한 속성은 지시문 자체가 아니라 자식 요소 .ui-grid
에 설정되어 있습니다.
3
This article는 CSS 뷰포트를 사용하여 답변했습니다. 나를 위해 완벽하게 작동합니다!
은 내가 CSS이 추가 :.ui-grid {
height: 98vh;
}
내가뿐만 아니라 트위터 부트 스트랩을 사용하고 있지만, 심지어 여분의 div의 또는 용기를 필요로하지 않았다.
관련 문제
- 1. CSS - 높이 : 100 % 대 최소 높이 : 100 %;
- 2. 절대/고정 하위가있는 부모 컨테이너의 자동 높이
- 3. 높이 자동 및 높이 100 %
- 4. 높이 : 100 % VS 높이 : 자동
- 5. 100 % 높이
- 6. DIV- 컨테이너의 높이
- 7. 100 % Div 높이 문제
- 8. 컨테이너의 높이 조절
- 9. 컨테이너의 여백 높이 (
- 10. 부모 높이를 고정하지 않고 어린이 높이 100 %
- 11. 떠 다니는 컨테이너의 높이
- 12. 아동 사업부 100 % 높이
- 13. Html - 컨테이너의 이미지 높이 (백분율)
- 14. 100 % div 높이
- 15. 상위 컨테이너의 CSS 전체 높이
- 16. CSS의 높이/분 높이 100 % 윈도우
- 17. jqplot 높이 고정 높이 대신 100 %
- 18. CSS - 가변 높이 헤더가있는 100 % 높이 레이아웃
- 19. 높이 100 % - 하단의 동적 높이 바닥 글
- 20. CSS 높이 : 100 % vs 높이 : 상속
- 21. float div, 높이 100, 컨테이너 유체 높이
- 22. 크롬에서 높이 100 % 및 최소 높이 붕괴
- 23. 높이 속성이없는 요소 내에서 100 % 높이 사용
- 24. 높이 설정 100 % 작동하지 않음
- 25. 높이 : 100 %; 작품,하지만 최소 높이 : 100 %; 작동하지 않습니까?
- 26. div 높이 : 100vh 대 100 %
- 27. 콘텐츠 컨테이너의 최소 높이 설정
- 28. 테이블의 HTML 테이블 100 % 높이
- 29. css 100 % 높이 버그
- 30. 배경 100 % 높이, 왼쪽
이렇게하면 도움이되었습니다. https://github.com/angular-ui/ng-grid/issues/472 – dcryan22