Home  >  Article  >  Web Front-end  >  How to set css at the bottom

How to set css at the bottom

藏色散人
藏色散人Original
2021-04-09 10:17:3713762browse

How to set css at the bottom: First create an HTML sample file; then set the css and div area; finally, use the "position:fixed;bottom:0px;" attribute to fix the bottom.

How to set css at the bottom

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.

Open an editing software and set the css and div areas so that they are fixed at the bottom of the page

How to set css at the bottom

The main attributes: position:fixed; absolute positioning generation Absolutely positioned elements are positioned relative to the browser window.

The effect achieved in the web page is as follows:

How to set css at the bottom

Extension: There is also a positioning method: position:absolute; when the browser slides like the above example, it It will scroll with the browser scroll bar; while position:absolute; will not

[Recommended learning: css video tutorial]

The above is the detailed content of How to set css at the bottom. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn