html-css系列BFC

时间：2023-04-02 17:23:31 HTML

本文详情：https://www.cnblogs.com/chen-...第一个BFC中的框对齐

div{height:20px;}.container{位置：绝对；/*创建BFC环境*/height:auto;背景色：#eee；}.box1{宽度：400px；背景色：红色；}.box2{宽度：300px；背景色：绿色；}.box3{宽度：100px；背景色：黄色；向左飘浮;}.box4{宽度：200px；高度：30px；背景色：紫色；}第二种外边距垂直方向的距离由margin决定。容器{溢出：隐藏；宽度：100px；高度：100px；背景色：红色；}.box1{高度：20px；边距：10px0；背景色：绿色；}.box2{高度：20px；边距：20px0；背景色：绿色；}上下div同时margin导致第二个bfc重叠，因为float导致boxes对齐

上一篇：不同分辨率电脑下绝对定位混淆的解决方法

下一篇：关于IE浏览器下无法识别自定义字体的配置问题

html-css系列BFC相关文章