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

This article mainly explains "css how to control div fixed", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "css how to control div fixed" bar!

Css control div fixed method: 1, create a HTML example file; 2, create div;3, by setting the "position:fixed" attribute to achieve fixed can.

This article operating environment: windows7 system, HTML5&&CSS3 version, DELL G3 computer

How does css control the div to be fixed?

You can specify the positioning type of the element through the position attribute.

Fixed positioning (position:fixed):

The element is positioned relative to the browser window, and no matter how you move your slider bar, it will be fixed in a fixed position relative to the browser window, and note that its sibling element will ignore its existence in the location layout. The top,bottom,left,right used at this time is also relative to the browser window.

Description

The position 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.

Example:

H3.pos_abs {position: fixed;left: 100pxtertop: 120px} p {height: 100pxbot background color: palegoldenrod;} p.p2 {margin-top:120px;} this is the title with fixed positioning.

Position the element relative to the browser window

Position the element relative to the browser window

Effect picture:

Thank you for your reading, the above is the content of "css how to control div fixed". After the study of this article, I believe you have a deeper understanding of how css controls div fixed, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.