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

This article introduces the relevant knowledge of "the characteristics of fixed positioning fixed in css". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Description

1. Fixed positioning is the location where the element is fixed in the browser visual area. Fixed positioning can also be regarded as a special absolute positioning.

2. The usage scenario is that when the browser page scrolls, the position of the element will not change.

The characteristics of fixed positioning

A moving element that takes the browser's visual window as a reference point.

Has nothing to do with the parent element.

Do not scroll with the scroll bar.

Fixed positioning does not occupy the original position. Fixed positioning is also off-standard.

Example

W {width: 800pxX height: 1400pxleft margin: 0 auto;background-color: pink;}. Fixed {position: fixed;/*1, take half of the width of the browser * / left: 50% of the width of the browser * / left: 50% of the width of the box in the center of the page, if you want to be a little wider, you can add a little more px*/margin-left: 400pxwidth: 50pxposition height: 150pxbased fixed color: skyblue;}, this is the content of the center box "characteristics of fixed positioning fixed in css". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.