모든 끈적한 바닥 글 CCS 예제를 시도했습니다. 모두 잘 작동합니다. 그러나 문제가 있습니다. 나는이 있다고 가정합시다 :끈끈한 바닥 글에 div 테두리를 만드는 방법은 페이지 끝까지 바닥 글까지 어떻게 확장합니까?
<div id="wrap">
<div id="bodyleft">left</div>
<div id="bodyright">right</div>
<div id="footer">footer</div>
</div>
을 그래서, #bodyleft
에 대한 height 100%
이있는 경우, 경계는 바닥 글까지 뷰포트의 끝으로 확장되지 않습니다. 그것은 단지 한 줄의 내용만을 다룰 것입니다.
한 줄 또는 10 줄의 여부에 관계없이 테두리를 페이지의 끝까지 확장하고 싶습니다.
아이디어가 있으십니까?
감사합니다.
마리아
편집 :
<body>
<div id="wrap">
<div id="bodyleft">on left</div>
<div id="bodyright">
some text on right<br />
</div>
</div>
<div id="footer">footer </div>
</body>
</html>
* { margin:0px; padding:0px; }
html, body {height: 100%;}
#wrap {min-height: 100%;}
#footer {
position: fixed;
bottom: 0;
background-color: #f00;
height: 20px;
width: 100%;
margin-top:-20px; /* negative value of footer height */
}
#bodyleft{
width:222px;
float:left;
border:1px solid black;
overflow:auto;
padding-bottom:20px;
}
#bodyright{
width:777px;
float:right;
border:1px solid black;
overflow:auto;
padding-bottom:20px;
}
아론을, 감사합니다. 나는 가능한 모든 변형을 사용하고 높이, 최소 높이, 높이 자동차, 높이 100 % .. . div의 경계를 확장하는 데 아무 것도 작동하지 않습니다. – MariaKeys