頁腳頁腳的代碼如下：<div class="wrapper"> <footer class="help1"> <div class="row help1"> <div class="container"> <div class="col span-1-of-2"> <div class="container"> <i class="fas fa-phone fa-3x phone-img"></i> <p>Contact Details: +00 0000 0000 | +22 1212 2323</p> </div> </div> <div class="col span-1-of-2 help"> <div class="container"> <p class="email"> <strong>Email-address</strong> :bme@gmail.com</p> </div> </div> </div> </div> </footer></div>CSS代碼如下： .help1 { background-color: black; color:white; position: absolute; bottom: 0; width: 100%; /* Footer height */ } .wrapper { height:15%; }頁腳與垂直滾動條重疊。任何幫助，將不勝感激
1 回答
吃雞游戲
TA貢獻1829條經(jīng)驗 獲得超7個贊
您是否正在尋找這樣的解決方案。這是一個彈性盒實現(xiàn)示例。
body {
margin: 0;
}
.help1 {
background-color: black;
color: white;
position: relative;
bottom: 0;
width: 100%;
margin-top: auto;
}
.wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
<div class="wrapper">
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<h1>Sample Line</h1>
<footer class="help1">
<div class="row help1">
<div class="container">
<div class="col span-1-of-2">
<div class="container">
<i class="fas fa-phone fa-3x phone-img"></i>
<p>Contact Details: +00 0000 0000 | +22 1212 2323</p>
</div>
</div>
<div class="col span-1-of-2 help">
<div class="container">
<p class="email"> <strong>Email-address</strong> :bme@gmail.com</p>
</div>
</div>
</div>
</div>
</footer>
</div>
- 1 回答
- 0 關(guān)注
- 148 瀏覽
添加回答
舉報
0/150
提交
取消