In my reading process, I slowly understand that reading is a process of mind sinking.
1: Vertical margin overlay for blocks: margin overlays occur only for normal document flows, and margins between inline boxes (inline labels)/floating boxes or absolute positioning boxes do not overlap. In fact, the outer margin overlay this feature
Sometimes it's good to be in a layout.
2: Understanding of relative positioning (relative) and absolute positioning (position out-of-document flow) (figure)
IE6 absolute Positioning There is a small bug, only need to set the relative positioning of the box width and height to solve the problem (do not IE6, ignore this problem)
3: Fixed position relative to visual window positioning (fixed)
4: Float (float out of document flow): Because floating elements are removed from the document flow, sometimes because floating elements affect the layout, we have to clear out the inclusion box
These floating elements have an impact.
Here is a list of popular and effective ways to add class names to the containing block boxes you need. Clearfix
The style declaration of the class name is as follows:
. Clearfix { content:'; Display:block; Clear:both; Visibility:hidden; height:0;}
Remember to read << master some understandings of css>> (i)