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

This article mainly introduces how the css layout, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor with you to understand.

Layout: float, clear

Usually the default typesetting method is to list the elements in the page from top to bottom, but in actual development, if you need to typeset in a left-right way, you need to use floating.

Selector {float: attribute value} Common attribute values: left: element floats left right: element floats right none: element does not float (default)

Because the floating element no longer occupies the location of the original document stream, it affects the typesetting of other elements in the page. If you want to avoid the impact, you need to clear the float using the clear property.

Selector {clear: attribute value;} Common attribute value: left: no floating elements on the left (remove the influence of floating on the left) right: no floating elements on the right (clear the influence of floating on the right) both: remove the influence of floats on the left and right sides at the same time

For example:

Hyperlink

Area 1-1

Area 1-2

Area 2-1

Area 2-2

Area 3-1

Area 3-2

Area 3-3

Thank you for reading this article carefully. I hope the article "how to layout css" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.