플렉스 박스가 포장지의 전체 높이를 사용하지 않음

사이트의 전체 높이를 차지하지 않는 플렉스 박스에 문제가 있습니다.플렉스 박스가 포장지의 전체 높이를 사용하지 않음

.aside-1 { 
     padding: 10px; 
     font-size: 18px; 
     flex: 1; 
     height: 100%; 
    }

높이를 100 %로 설정하려고했지만 효과가 없습니다. 나는 또한 시도 http://jsbin.com/yujoqaxubi/edit?output

이

position:absolute; bottom:0

을 추가하지만, 그것은 단지 사이트를 나누기 다음은 사이트 전체에 있습니다.

도움 주셔서 감사합니다.

출처

2016-10-18 Jure Štabuc

질문 **을 할 것입니다 바람직에서 [** 스택 코드 조각 ** (은 https ://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). [** 최소, 완전하고 검증 가능한 예제를 만드는 방법 **] (http://stackoverflow.com/help/mcve) –

당신은 2 개의'.wrapper'를 가지고 있습니다. 아마도 이런 일이 일어날 수 있습니다. – Thielicious

예, '

.aside-1 { 
    padding: 10px; 
    font-size: 18px; 
    flex: 1; 
    height: auto; 
}

** 질문 자체가 트릭을 재현하는 데 필요한 가장 짧은 코드를 포함해야하는 코드의 도움을 구하고

출처

2016-10-18 18:16:38

감사합니다. :) –

좋아, 이제 또 다른 문제가 발생합니다. 옆의 플렉스 박스는 두 번째 기사가 시작되는 곳에서 끝납니다. 하나의 기사에 전체 내용을 쓰면 멋지게 작동합니다. –

http://jsbin.com/kukicanoke/1/edit?output –

플렉스 박스가 포장지의 전체 높이를 사용하지 않음

답변

관련 문제