The relationship between ul high crash and overflow caused by float floating, uloverflow

The relationship between ul high crash and overflow caused by float floating, uloverflow
The problem we encountered today is really annoying, because it took me half a day to solve it. I always think that I should have a good understanding of Html and Css, but what I encounter today makes me have to reflect on my learning mentality errors. The problem with Html and Css is a big problem, because once a layout error occurs, it is often not a problem with your own code, but an error that you do not understand the concept of a browser. This tells us that we must continue to practice and encounter problems so that we can have a deeper understanding of the principles of browsers. Do not think that you have learned almost the same thing. In fact, you are at the point where you are not getting started. Therefore, you must always be modest to learn more. The problem today occurs when I use CSS3 to write the accordion effect. Error: When this error occurs, you never understand where the problem occurs. Because you have set ul: hover, once the mouse appears in ul, all li will be reduced. Here, if ul has a height, it will happen. Because ul has a height, the text in the figure will also narrow down all li. So here we will use the ul crash function. Once ul has no height, there will be no blank parts. Because li is still part of ul, it will change. However, I carelessly used the overflow to close the floating, which resulted in ul's height. Later. Here we use ul's highly crash. We can see that this is not necessarily a bug, but sometimes it can be used to achieve our goal. In fact, sometimes technology is not a real limitation, but thinking is a real limitation. In addition, do not be afraid of making mistakes, because every mistake is a chance for you to learn again.