什么是BFC

xmit

发布于
2014-03-04

在网上搜索了些资料，但还是没看明白，BFC什么叫有自己的一套规则？

阅读 4.3k

3 个回答

发布于
2015-05-27

http://zjy.name/archives/bfc-introduction.html
自己对 BFC 的理解，希望有帮助

查看全部 3 个回答

推荐问题

如何自定义设置虚线边框的样式？
背景： {代码...} 如上图所示：虽然可以设置虚线边框，但是虚线边框的样式往往需要修改：比如:单个实线间的间距自定义调整;单个实线的长度自定义调整。
5 回答1.3k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？
3 回答1.4k 阅读✓ 已解决
为什么这个动画一直在抖动?
demo为什么这个动画一直在抖动?
3 回答2.2k 阅读✓ 已解决
怎么把一个矩形div变成一个直角三角形？
下面的是一个正常的div，怎么变成浅角部分，就是把一个矩形的div变成下面是直角的直角三角形。
4 回答2k 阅读
如何实现前端视频流的处理和优化？
处理视频流，比如在 WebRTC 项目中如何处理视频的分辨率变化、帧率控制等问题？
2 回答1.4k 阅读✓ 已解决
通栏banner图片，如何不变形且内容完全显示不裁剪啊？
要求图片等比例完整显示不裁剪不留白，图片比例固定是16/3使用object-fit: contain; 图片两边有空白使用object-fit: cover; 图片显示不全，被裁剪了原图
3 回答1.3k 阅读✓ 已解决
我看到很多网站，都会对CSS初始化：`margin: 0; padding: 0;` ，目的是什么呢？
我看到很多网站，都会对CSS初始化：margin: 0; padding: 0; {代码...} 比如： {代码...} 请问这个目的是什么呢？
1 回答1.5k 阅读✓ 已解决

101 新手上路

子站问答