2
내 페이지에는 기본 콘텐츠, 고정 푸터 및 절대적으로 배치 된 오른쪽 패널이 있습니다. 나는 절대 절대 위치 지정을 사용하지 않는다. 그러나이 경우 나는 브라우저 창이 얇을 때 주요 내용을 겹치기 위해 패널을 필요로한다. 현재 내 창을 너무 수직으로 축소 할 때까지 올바르게 표시됩니다. 내용이 페이지 나누기 아래 계속되면 절대 위치 지정된 div가 더 이상 바닥 글을 충족하지 않습니다. 절대적으로 위치가 지정된 div가 바닥 글을 만날만큼 길어서 간격이 없도록하려면 어떻게해야합니까?절대적으로 위치가 지정된 div가 끈적 인 바닥 글을 만날 수있을 정도로 충분히 크도록하려면 어떻게해야합니까?
<body>
<div id="abs"></div>
<div class="wrapper">
<p>Website content here.</p>
<div class="push"></div>
</div>
<div class="footer">
</div>
</body>
그리고 CSS
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}
.footer {
background-color:#333;
position:relative;
z-index:40;
}
#abs {
position:absolute;
right:0;
top:0;
z-index: 20;
background-color:#579ECF;
width:100px;
min-height: 100%;
}
p {
width:700px;
}
은 최저 '의 첫 번째 게시물'질문은 내가 지금까지 읽었습니다. 보통 그들은 이해하기가 불가능합니다. 앞으로 질문 할 때 권장할만한 것은 http://www.jsfiddle.net을 포함하는 것입니다. 코드를 입력하고 저장을 누른 다음 url을 질문에 복사하십시오. – mrtsherman