내 웹 사이트에서 페이지 하단이 잘립니다. 온라인에서 찾은 솔루션이 작동하지 않는 것 같습니다. 아래에는 문제가있는 html 섹션이 포함되어 있습니다.
header{
width:270px;
float:left;
position:fixed;
}
<header>
<h1>Daniele Caratelli</h1>
<p>
Ph.D. candidate in Economics
<br/>
Stanford University
<br/>
<img src="at.png" width=150 height=17>
</p>
<h3><p class="view"><a href="https://danicaratelli.github.io/">Home</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/research.html">Research</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/teaching.html">Teaching</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/research/cv.pdf" target="_blank">CV</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<p class="view"><img src="bikepic_circle.png" width=270 height=270></p>
<a class="github-button" href="https://github.com/danicaratelli" aria-label="@danicaratelli on GitHub">@danicaratelli</a>
</header>
컨테이너가 위에서 아래로 늘어나도록 제거 float:left
하고 추가 top:0;bottom:0
하고 overflow:auto
필요한 경우 스크롤바를 추가 하려면 추가해야합니다.
비슷한 질문 : 콘텐츠가 오버플로되는 경우 스크롤해야하는 고정 위치 div가 있습니다.
header{
width:270px;
position:fixed;
top:0;
bottom:0;
overflow:auto;
}
<header>
<h1>Daniele Caratelli</h1>
<p>
Ph.D. candidate in Economics
<br/>
Stanford University
<br/>
<img src="at.png" width=150 height=17>
</p>
<h3><p class="view"><a href="https://danicaratelli.github.io/">Home</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/research.html">Research</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/teaching.html">Teaching</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/research/cv.pdf" target="_blank">CV</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<h3><p class="view"><a href="https://danicaratelli.github.io/extra.html">Extra</a></p></h3>
<p class="view"><img src="bikepic_circle.png" width=270 height=270></p>
<a class="github-button" href="https://github.com/danicaratelli" aria-label="@danicaratelli on GitHub">@danicaratelli</a>
</header>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다