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

This article will explain in detail what is the use of the clear attribute in css. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Description

1. It is used to specify which side of the element does not allow floating elements. The default value is none, which means it is not cleared, and floating elements are allowed on the left and right sides.

2. Make sure there are no floating elements on the left and right sides of the current element. Clear only works on the layout of the element itself.

Optional value

Left clears the influence of the left floating element on the current element

Right clears the influence of the right floating element on the current element

Both clears the influence of floating elements on the left / right sides on the current element

Example

Clear property .box1 {width:200px; height:200px; background-color: cadetblue; / * Settings float to the left * / float: left;} .box2 {width:400px; height:400px; background-color:crimson; float: right } .box3 {width:200px; height:200px; background-color:chartreuse; / * set the clear attribute so that its position is not affected by the left floating element * / / * clear: left * / / * set the clear attribute to make its position unaffected by the floating element on the right * / / * clear: right; * / / * clear: both * /} 1 / 2 / 3 this is the end of the article on "what is the use of clear attributes in css". I hope the above content can be helpful to you so that you can learn more knowledge. if you think the article is good, please 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.