액체 레이아웃을 설계 할 때마다 너비와 높이가 모두 %로 표시됩니다. 하지만 설계하는 동안 내 CSS로 무슨 일이 일어나는지보아야 만 했으므로 (높이) 픽셀 높이를 (%로) 데이터베이스의 데이터에서 채울 것이므로 픽셀 높이를 지정했습니다. 현재 데이터베이스는 설계되지 않았습니다. 픽셀을 사용할 수 없기 때문에 최소 높이 속성을 사용하여 내 CSS 결과를 볼 수는 있지만 작동하지 않는 것입니다. 무슨 일을하니?css problem-liqiud layout- 픽셀 단위로 높이를 사용할 수 없습니다. min 높이가 작동하지 않습니다.
% 높이를 사용하는 경우 높이는 부모 컨테이너를 기준으로 계산됩니다. 이것은 종종 다음과 합리적으로 산출 할 수 없으므로 사람들을 여행 :
<body>
<div style="height: 100%;">Hello World</div>
</body>
우리는 "100 %"의 사업부를 렌더링하기 위해 브라우저를 요구하고있다 -하지만 몸이 명시 적으로 높이가 없기 때문에 브라우저가이 스타일을 적용 할 수 없습니다. 기본적으로 크기로 동일시되는 -
는이 문제를 해결하려면, 당신은
은html, body {
height: 100%;
}
이 지금까지 작업 높이 사업부를 제공합니다 ...이 같은 HTML과 몸에 높이를 줄 필요가 보기 포트의
높이 및 최소 높이에 적용됩니다.
소스 코드가 있습니까, 아니면 실례가 있습니까? – Kyle