Question: Today, studying 2016-03-13, I know that the original function of float is to achieve the wrapping effect of text, but the teacher said: After setting the float property on the element, the element is still in the standard document flow, and floating will cause the parent element's height collapse problem (how to solve, not known at present). However, the block element that follows immediately ignores the element that sets the float property, but the text of the subsequent element still yields a position for the float element, wrapping around it. Since the latter element is not in line with the standard document flow alone, can I understand that floating elements are out of the flow of the document?? Contradictory. Answer: Before you answer this question, first explain what is called out-of-document flow! CSS out of the flow of the document, that is, the elements from the normal layout of the text taken away, the other boxes in the positioning of the time when the elements out of the document flow does not exist and positioning. What I'm learning now is that only the absolute positioning of absolute and floating float will be out of the document stream. However, there is a difference between the two results from the document flow. In my understanding, it can be said that float is partially out of the document stream, while Absolute is completely out of the document stream. That is, when you use the Float property, other elements ignore the float element, but the text inside the other element will still give the element a civilian, wrapping around (feeling like word wrapping), so called partial disregard. Instead of using absolute positioning to separate the elements of the document flow, the other boxes, either themselves or the text inside the box, ignore this element, which is what I say completely out of the flow of the document.
Front-end Learning essay: float layout problem------float element is out of document flow