Today, I tested a page and found that it is normal in IE and FireFox, but it is misaligned in chrome. It is the dislocation between the upper and lower Divs. Open the source code and remove the overflow of the above div: the hidden result is displayed normally.
Today, I tested a page and found that it is normal in IE and FireFox, but it is misaligned in chrome. It is the dislocation between the upper and lower Divs. Open the source code and remove the overflow of the above div: the result of hidden is displayed normally. We can see that the webpage is mallocated in chrome, which can be caused by overflow: hidden!
Chrome uses the WebKit kernel. I am not very proficient in css. I found through data query:
Reference 1:In the WebKit kernel browser, when the script is used to change the box model for the layout with the 'float' feature and the 'overflow' feature value is not 'visable, the Reflow Calculation of Chrome Safari may be biased. As a result, layout content cannot be rendered during subsequent repainting operations.
Reference 2:The biggest misunderstanding of overflow: hidden: When overflow: hidden is applied to a container with at least one of its heights and widths, any internal overflow content will be cropped (hidden ). But is that true? The answer is "not necessarily "! The fact is that element overflow within a block element with the overflow: Den den style is not always hidden. Specifically, the following conditions must be met:
1. Block elements with overflow: hidden styles do not have the position: relative and position: absolute styles;
2. The internal overflow element is absolutely located through position: absolute;
Reference 3:Overflow specifies whether to crop a block element container when its content overflows the boundary of the box model. This attribute affects the tailoring of all content of the applied element. However, if the child element's inclusion block is the entire view area (usually the visible area of the browser content, it can be understood as the body element) or the container (the element that defines overflow) is not affected.