나는 지난 며칠 동안 프론트 엔드 웹 디자인을 가지고 놀았는데 주로 float / clearfix를 사용하여 내 콘텐츠를 배치했습니다. %를 사용하여 콘텐츠의 너비를 표시했는데 완벽하게 작동했습니다.
그러나 높이를 전체 페이지의 백분율로 정의하려고하면 작동하지 않습니다. 더 정확하게는 콘텐츠가있는 내용을 감싸는 것처럼 보이며 높이를 px 값으로 정의해야합니다.
이것에 대한 이유가 있습니까? 백분율 값을 사용할 수 있고 실제로 페이지를 분할하는 해결 방법이 있습니까?
속성을 정의하려면 height
에서 %
상위에 이전 정의가 필요합니다 height
. 그런 다음 고정을 가진 부모가있는 경우 height
에 px
당신이 작업을 할 수 있습니다 %
; 그러나 창 또는 다른 % 값과 관련하여 %를 작업하려면 모든 부모에 대한 값을 설정해야합니다.
그런 다음 창 %로 작업하려면 다음이 필요합니다.
다음과 같은 HTML :
<body>
<div id="container">My div with 100% height</div>
</body>
CSS는 다음과 같습니다.
/*Need to set all parents to 100%*/
html, body {
height:100%;
}
/*Then set the container*/
#container {
height:100%;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다