Shulou(Shulou.com)06/02 Report--

This article focuses on "how to use CSS to locate divposition properties", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to use CSS to locate divposition attributes.

The divposition attribute defines the positioning mechanism used to establish the layout of the element. Any element can be located, but an absolute or fixed element generates a block-level box, regardless of the type of the element itself. The relative positioning element is offset from its default position in the normal flow.

Definition and usage of divposition

The position attribute specifies the positioning type of the element.

Description

Default value: static

Inheritance: no

Version: CSS2

JavaScript syntax: object.style.position= "absolute"

Possible value

Value description

Absolute

The element that generates absolute positioning is positioned relative to the first parent element other than static positioning.

The location of the element is specified by the "left", "top", "right", and "bottom" attributes.

Fixed

Generates an absolutely positioned element, positioned relative to the browser window.

The location of the element is specified by the "left", "top", "right", and "bottom" attributes.

Relative

The relative positioning element is generated and positioned relative to its normal position.

Therefore, "left:20" adds 20 pixels to the LEFT position of the element.

Static default value. Without positioning, the element appears in the normal flow (ignoring the top,bottom,left,right or z-index declaration).

Inherit states that the value of the position attribute should be inherited from the parent element.

DivpositionTIY instance

Positioning: relative positioning

This example demonstrates how to position an element relative to its normal position.

Positioning: absolute positioning

This example demonstrates how to use absolute values to position elements.

Positioning: fixed positioning

This example shows how to position an element relative to a browser window.

Set the shape of the element

This example shows how to shape an element. This element is clipped into this shape and displayed.

Z-index

Z-index can be used to place one element after another.

Z-index

The element in the above example has changed the Z-index.

At this point, I believe you have a deeper understanding of "how to use CSS to locate divposition properties". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.