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

This article will explain in detail what the floating attribute of css is and what its attribute value is, and the content of the article is of high quality, so the editor will share it with you for reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

In css, the floating attribute is "float", which is used to define the direction in which the element floats. Its three attribute values are: 1, "left", which defines that the element floats to the left; 2, "right", which defines that the element floats to the right; and 3, "none", which defines that the element does not float.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

In css, the floating attribute is "float", which defines in which direction the element floats.

In the past, this attribute was always applied to the image, keeping the text around the image, but in CSS, any element can float. A floating element generates a block-level box, regardless of what element it is.

If floating non-replacement elements, specify an explicit width; otherwise, they will be as narrow as possible.

Note: if there is very little space on a line to float an element, the element jumps to the next line, and the process continues until a line has enough space.

The three property values of the float floating property:

The left element floats to the left.

The right element floats to the right.

None default value. The element does not float and appears where it appears in the text.

Example:

Li {background-color: pink;} .ex1 li {float: left; margin: 10px } .ex2 li {float: right; margin: 10px;} .ex3 li {float: none Margin: 10px;} div {clear: both } Project 1 Project 2 Project 1 Project 2 Project 1 Project 2

What is the floating property of css and what its attribute value is shared here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

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.