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

Today, the editor will share with you how to remove the floating knowledge points of css. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.

If there are three box objects, one parent contains two children, one child uses the float:left attribute, and one child uses the float:right attribute. At the same time, the equipment div css border is set, and the frame tone of the parent css is red, and the frame tone of the two children is blue; the backup style of the parent CSS is yellow, and the backing of the two children is pure white. The width of the parent css width is 400px, the width of the two children css is 180px, and the two children set the opposite height 100px, and the parent css height height does not set the equipment for the time being (as usual for the practice of css structure, the parent does not set the equipment height, but the height is adaptive height with the increase of form).

The parent CSS is named ".CSS5" corresponding to the html tag application ""

The two child CSS names are ".CSS5-left" and ".CSS5-right" respectively.

According to the above description, CSS5 gives the corresponding CSS code and HTML code snippet.

CSS Code:

.CSS5 {width:400px; border:1px solid # F00; bac kg round:#FF0}. CSS5-left,.CSS5-right {width:180px; height:100px; border:1px solid # 00F; background:#FFF}. CSS5-left {float:left}. CSS5-right {float:right}

Corresponding html source code snippet:

Left floating right floating above is all the content of the article "how to remove floats in css". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

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.