CSS3 implements footer fixed at the bottom (always at the bottom no matter how high the page is)
|
Preface Fix the footer area at the bottom. No matter how tall or wide the page is, it will always stay at the bottom, just like the mobile menu.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>document</title>
<!-- css -->
<style>
#demo{
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
height: 50px;
background-color: #eee;
z-index: 9999;
}
</style>
</head>
<body>
<footer id="demo">I am footer</footer>
</body>
</html>Summarize The above is the CSS3 that I introduced to you. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website! |
<<: Detailed explanation of this pointing in JS arrow function
>>: Building a Redis cluster on Docker
Recommend
How to choose transaction isolation level in MySQL project
introduction Let's start with our content. I ...
MySQL 5.7.22 binary package installation and installation-free version Windows configuration method
The following code introduces the installation me...
Detailed explanation of top command output in Linux
Preface I believe everyone has used the top comma...
Implementing a simple calculator with javascript
This article example shares the specific code of ...
How to use JavaScript to get the most repeated characters in a string
Table of contents topic analyze Objects of use So...
Summary of pitfalls in importing ova files into vmware
Source of the problem As we all know, all network...
Develop a vue component that encapsulates iframe
Table of contents 1. Component Introduction 2. Co...
JavaScript to implement simple tab bar switching content bar
This article shares the specific code of JavaScri...
Today I will share some rare but useful JS techniques
1. Back button Use history.back() to create a bro...
Parsing Apache Avro Data in One Article
Abstract: This article will demonstrate how to se...
Detailed explanation of the persistence implementation principle of transactions in MySQL
Preface When it comes to database transactions, a...
4 Practical Tips for Web Page Design
Related articles: 9 practical tips for creating we...
Some notes on installing fastdfs image in docker
1. Prepare the Docker environment 2. Search for f...
Implement MySQL read-write separation and load balancing based on OneProxy
Introduction Part 1: Written at the beginning One...
Vue3 (Part 2) Integrating Ant Design Vue
Table of contents 1. Integrate Ant Design Vue 2. ...