フッターをページの一番下に固定させたいのですが、縮小するとフッターの下に余白が出来てしまいます
下に固定,フッターの下に余白が出来ないようにするにはどうすればいいのでしょうか？
html
1<!DOCTYPE html>2<html>3 4 <head>5 <meta charset="UTF-8">6 <title>Home</title>7 <link rel="icon" href="logo.jpg" type="image/x-icon">8 <link rel="stylesheet" href="style.css">9 </head>10 11 <body>12 13 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>14 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>15 16 <div class="footer">17 <div class="container">18 <div>19 © 2023 P 20 </div>21 <div class="clear"></div>22 </div>23 </div>24 25 </body>26</html>
css
1@charset "utf-8";2body {3 background: #ff6969;4}5 6.container {7 max-width: 980px;8 padding: 0 30px;9 margin-left: auto;10 margin-right: auto;11}12 13.clear{14 clear: both;15}16 17* {18 margin: 0;19 padding: 0;20}21 22.footer {23 line-height: 80px;24 background-color: #333;25 color: #ffffff;26 text-align: center;27 width: 100%;28}
0 コメント