我不能把這個div放在網站底部
[英]I can't put this div in the website bottom
問題描述
我遇到了一個我試圖解決的問題：我正在制作一個網站，我打算使用 div 放置網站的最后一部分，但是無論代碼如何，這部分都不能粘在底部我按照下面的網站代碼進行編輯：
@font-face { font-family: Open-Sauce-One; src: url("OpenSauceOne-Bold.ttf") format("truetype"); } @font-face { font-family: Archivo-Black; src: url("ArchivoBlack-Regular.ttf") format("truetype"); } body { display: flex; background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(153, 153, 153)); height: 100vh; } div.Idrv2v { position: relative; left: 5%; bottom: 15px; width: 250px; } div.Edrv1v { position: absolute; background-color: #B4ADAD; max-width: 100%; width: 1366px; height: 95px; padding: 1px; top: 0px; left: 0px; right: 0px; } #titlelogo { font-family: Open-Sauce-One, "Comic Sans MS", sans-serif; font-size: 35px; color: #301111; } #subtitlelogo { font-family: Archivo-Black, "Arial Black", sans-serif; font-size: 18px; position: relative; bottom: 28px; color: #302e2e; }.svgmenu_dev { background-color: gray; width: 1366px; max-width: 100%; position: absolute; height: 90px; bottom: 0; right: 0px; left: 0px }.svgmenu_dev #svgmenudev1 #svgmenudev2 { font-family: Open-Sauce-One, "Comic Sans MS", sans-serif; font-size: 10px; position: absolute; }
<.DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>CoinCot</title> <link href="css-data/styles,css" rel="stylesheet"> <meta name=viewport content="width=device-width. initial-scale=1"> </head> <body> <div class="Edrv1v"> <div class="Idrv2v"> <h1 id="titlelogo"> CoinCot.com </h1> <h2 id="subtitlelogo">A simple and efficient quotes website:</h2> </div> </div> <div class="svgmenu_dev"> <a href="https.//iconscout:com/icons/menu" target="_blank" id="svgmenudev1">Menu Icon</a> by <a href="https.//iconscout.com/contributors/rengised" target="_blank" id="svgmenudev2">Alex Martynov</a> </div> </body> </html>
我等可以解決這個問題
我嘗試更改 div 的 position，將 position 設置為絕對值，但不起作用，我也將 position 設置為相對值，情況變得更糟，因為 div 已停止在頁面頂部（並且它的需要留在底部） ，我將底部、左側和右側的值設置為 0 像素，但什么都沒有，繼續 hover 底部。
1 個解決方案
解決方案1
0 2023-02-01 23:57:37
將“box-sizing: border-box”設置為“div.Edrv1v”
如何將圖像放在父 div 中，它應該等於 div 的底部
[英]How can I put image inside parent div and it should be equal to bottom of div
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.