two adjacent div elements cause margin overlap.
Since themargin overlap problem is caused by BFC, why do you assign a div overflow:hidden; attribute? there is still a margin overlap problem.
the method to generate BFC for an element is not to set the element attribute:
1.float: left | right | both;
2.overflow: hidden | auto | scroll;
3.display: table-cell | inline-block | table-caption;
4.position: absolute | fixed;
four methods?
I have tried the situation I have encountered so far, and only float, display: table-caption | inline-block and position can solve it.
Why not the overflow and display:table-cell properties?