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

The content of this article mainly focuses on how to describe the floating positioning of Css. The content of the article is clear and clear. It is very suitable for beginners to learn and is worth reading. Interested friends can follow the editor to read together. I hope you can get something through this article!

Floating positioning: solves the problem that multiple block-level elements can be displayed in one line.

What is floating positioning. It can be defined by the following characteristics.

Special point 1: exclude elements from the document stream, that is, elements are separated from the document stream and are not controlled by the default arrangement (from top to bottom or left to right)

Feature 2: floating elements will no longer occupy the space of the page. (the element is pulled from the browser in place, and the floating element can still be seen from top to bottom.) it is possible to suppress other elements.

Feature 3: the element is docked to the left or left of the containing box (parent layer element), or to the left or right of the floating element

Feature 4: no matter how the element floats, it ends up in the inclusion box.

Feature 5: width adaptation is not 100% after block level floating

Special point 6: after the in-line element floats, in addition to the above characteristics, it will become a block-level element, and most of the in-line elements are set to float to change the width and height.

Floating properties:

Float: defines the current element float

Value:

None (does not float by default)

Left (left side of floating direction)

Right (right side of floating direction)

Let's do a little exercise in the hope that it will be a little help to web enthusiasts. You can take the code to see the effect!

Text attribute div {width:200px;height:200px;} # D1 {background-color:red;float:right;/* A total of three div block-level elements are arranged up and down, setting the first div to float to the right, and the last two to add * /} # D2 {background-color:yellow;} # D3 {background-color:green;}

What is the full name of css? the full name of css is Cascading Style Sheets (cascading style sheets), a computer language used to express file styles such as HTML or XML. CSS can not only modify the web page statically, but also format the elements of the web page dynamically with various scripting languages.

Thank you for your reading. I believe you have a certain understanding of "what is the floating position of Css". Go and practice it. If you want to know more about it, you can follow the website! The editor will continue to bring you better articles!

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.