CSS Absolute Positioning properties

Source: Internet
Author: User

Position-type: Used to determine the type of positioning, total absolute (absolute), relative (relative), and static 3 options.


Z-index-z axis: Used to control the stacking order of block elements in a Web page, you can set overlapping effects on elements. The parameter value of this property uses a pure integer with a value of 0 o'clock, and the element is at the lowest level for an absolutely positioned or relatively positioned element.


Visibility-Show: Use this property to hide the elements in a Web page, with a total of 3 choices such as inheritance (Inherit, the visual setting for inheriting mother features), visible (visible), and hidden (hidden).


Overflow-overflow: After determining the height and width of an element, if the area of the element does not display the contents of the element in its entirety, the attribute is made one day when the monk hit the clock. There are 4 options such as visible (visible, enlarging the area to show everything), hiding (hidden, hiding out-of-scope content), scrolling (scroll, displaying a scrollbar on the right side of the element), and auto (auto, which displays scrollbars when the content exceeds the element area).


Positioning, when an absolute anchor type is determined for an element, the Group property determines where the element is located in the Web page. The Group property contains 4 sub-attributes, "left" (the property is named "Ieft", controls the start position to the left of the element), "Top" (the property is named "Top", the starting position above the control element), "wide" or "high" (the same as the properties of "width" or "high" in the Box class properties


Clip-Clips: When an element is specified as an absolute anchor type, this property can cut the element area into various shapes, but currently provides only a square one. The property value is rect (top right bottom left), which is: rect (top right bottom left), and the unit of the property value is any one length unit.

CSS Absolute Positioning properties

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.