css浮动-float/clear的图文详解
教程开始： 首先要知道，p是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流 。如下图： 可以看出，即使p1的宽度很小，页面中一行可以容下p1和p2，p2也不会排在p1后边，因为p元素是独占一行的。 注意，以上这些理论，是指...
css浮动引起的边距塌陷怎么解决_使用padding或clearfix避免塌陷
浮动导致父元素高度塌陷是因为浮动元素脱离文档流，父元素无法感知其存在，从而高度计算为0。解决方法包括：1. 使用padding仅能视觉上补充背景显示，但不解决实际包裹问题；2. 推荐使用clearfix，在父元素通过::after伪元...