How to solve the problem that the outer layer can not adapt to the height when css DIV is nested

This article introduces the relevant knowledge of "how to solve the problem that the outer layer cannot adapt to the height when css DIV is nested." In the operation process of actual cases, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

1. Add display:table to the outer CSS code

The second solution is to define a CSS class:

.box:after{ content:". "; display:block; height:0px; clear:both; visibility:hidden; }

Then change the parent DIV code to.

3. Add overflow:auto to the CSS code of the outer layer (parent layer);

After I used the above three methods, I think only the third method is effective, but its effect is not very good, but there will be no exceptions, but in order to solve this problem more **, I introduce a very effective method to everyone to try, this method is absolutely effective, and it is also very simple.

Final solution: Based on the above 3 methods, my final solution is to add the following two attribute values (no less than one) to the outer (parent) CSS code.

clear:both;overflow:auto;"How to solve the problem that the outer layer cannot adapt to the height when css DIV is nested" is introduced here. Thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!