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

Editor to share with you how to achieve css liquidation, I believe that most people do not know much about it, so share this article for your reference, I hope you will learn a lot after reading this article, let's go to know it!

Because there are no existing elements to apply liquidation, we can only add an empty element and clean it.

.news {background-color: gray; border: solid 1px black;}. News img {float: left;}. News p {float: right;}. Clear {clear: both;}

Some text

How about achieving our desired attainments, but we need to increase the excess code. There are often elements that probably use clear, but sometimes you have to add meaningless tags for the sake of the mechanism.

However, we have another way, which is equivalent to floating the container div:

.news {background-color: gray; border: solid 1px black; float: left;}. News img {float: left;}. News p {float: right;}

Some text

How we will lose the achievements we hope for. Unfortunately, the next element will be affected by this floating element. In order to solve this problem, some people decide to develop floats for all the tools in the structure, and then clean up the floats with appropriate intentional elements (often the footer of the site). This helps to reduce or eliminate unwanted markings.

As a result, all the pages on the W3School site use this martial art, and if you open the CSS file we use, you will see that we have cleared the div in the footer, while the three div under the footer float to the left.

These are all the contents of the article "how to liquidate css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow 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.