position定位
position的英文意思呢是位置,方位; 地位,职位; 态度; 状态;
它有定位有四个值分别是绝对定位的两个值absolute和fixed,相对定位的relative,还有一个默认的值static而它呢没有定位。
下面呢,我说先说一下:
position的值,relative和absolute分别是相对于谁来进行定位的?
absolute:生成绝对定位的元素,它是相对于最近一级的定位,而不是static的父元素来进行定位。
fixed (老IE不支持) 也是生成绝对定位的元素,但是它是相对于浏览器窗口或者是frame来进行定位。
relative 生成相对定位的元素,相对于其在普通文档流中的位置进行定位。
static 默认值。没有定位,元素出现在正常的文档流中。
然后呢,我说一下:
CSS的定位
relative :相对定位,元素呢仍然处于正常的文档流中,但是可以通过 left、top、right 和 bottom 的 CSS规则来改变元素的位置。
absolute :绝对定位,元素脱离了正常的文档流,但是呢也可以通过left、top、right 和 bottom 的 CSS规则来改变元素的位置。
fixed :固定定位,元素脱离正常的文档流,也可以通过left、top、right 和 bottom 的 CSS规则来改变元素的位置。
static :默认值,元素将按照正常文档流的规则来排列。

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

HTML is suitable for beginners because it is simple and easy to learn and can quickly see results. 1) The learning curve of HTML is smooth and easy to get started. 2) Just master the basic tags to start creating web pages. 3) High flexibility and can be used in combination with CSS and JavaScript. 4) Rich learning resources and modern tools support the learning process.

HTML defines the web structure, CSS is responsible for style and layout, and JavaScript gives dynamic interaction. The three perform their duties in web development and jointly build a colorful website.

WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

AnexampleofastartingtaginHTMLis,whichbeginsaparagraph.StartingtagsareessentialinHTMLastheyinitiateelements,definetheirtypes,andarecrucialforstructuringwebpagesandconstructingtheDOM.

GiteePages static website deployment failed: 404 error troubleshooting and resolution when using Gitee...

To achieve the effect of scattering and enlarging the surrounding images after clicking on the image, many web designs need to achieve an interactive effect: click on a certain image to make the surrounding...

The Y-axis position adaptive algorithm for web annotation function This article will explore how to implement annotation functions similar to Word documents, especially how to deal with the interval between annotations...

HTML, CSS and JavaScript are the three pillars of web development. 1. HTML defines the web page structure and uses tags such as, etc. 2. CSS controls the web page style, using selectors and attributes such as color, font-size, etc. 3. JavaScript realizes dynamic effects and interaction, through event monitoring and DOM operations.
