页脚始终贴在底部

时间:2015-08-02 10:33:30

标签: html css3 position footer

嗨我需要让我的页脚粘到底部,即使内容会更长。 我试过这种方式....但它只在没有内容的情况下工作..在页面中,较长的内容页脚停留在页面的一半。感谢任何建议

    #footer {
          position: absolute;
          left: 0;
          bottom: 0; 

}

2 个答案:

答案 0 :(得分:2)

要将页脚粘贴到屏幕底部,将所有div设置为相对,然后在内容和页脚之间添加一个与页脚相同的高度(设置页脚高度)。然后在你的内容div上加上一个负高度的余量。完美的作品我有一个例子,我会在一秒钟内发布它。

答案 1 :(得分:0)

要制作对象,您需要使用<html> <head> <title>Untitled</title> </head> <body> <?php $servername = "server"; $username = "user"; $password = "pass"; $dbname = "name"; $test = $_POST[Test]; $testNumber = $_POST[TestNumber]; $sex = $_POST[sex]; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } $sql = "INSERT INTO test (Test, TestNumber, sex, date) VALUES ('$test', '$testNumber', '$sex', now())"; $sqlback = "SELECT ID FROM `test` WHERE sex = \'Male\'"; if ($conn->query($sql) === TRUE) { echo "New record created successfully" + . $sqlback; } else { echo "Error: " . $sql . "<br>" . $conn->error; } $conn->close(); ?> </body> </html> 定位而不是fixed

这是我为你做的一个简单例子,

https://jsfiddle.net/a5juymkm/

页脚代码

absolute