html怎样把div放在底部-木庄网络博客

2022-04-09 10:42:13 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

在html中，可以通过将div标签相对于浏览器窗口进行定位，然后设置到底部距离为0来把div永远放置于页面底部，具体语法格式为“div{position:fixed; bottom:0;}”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html把div放在底部

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style>
            body{
                height: 500px;
                background: palegoldenrod;
            }
            div{
                border: 1px solid red;
                position:fixed; 
                bottom:0;
            }
        </style>
    </head>
 
    <body>
        <div>测试文本测试文本测试文本测试文本测试文本测试文本测试文本</div>
    </body>
 
</html>