到底什么是 BFC ?【CSS面试题】

作者: 前端小野2分类: 计算机技术 发布时间: 2021-02-02 09:00:03 浏览:23756 次

到底什么是 BFC ?【CSS面试题】

账号已注销:
视频中设置了图片左浮动但是p标签的文字并没有被图片遮盖,以下是原因: 因为浮动元素会压住标准流的盒子但是不会压住标准流的文字,图片。固定定位、绝对定位会压住标准流的所有内容,包括文字及图片

【回复】浮动之所以不会压住文字,因为浮动产生的目的最初是为了做文字环绕效果的,文字会围绕浮动元素,而定位没有这个
August_1049:
如果我写 .container { display:flex; flex-deriction:row; } 这样和视频中的写法有没有什么区别[思考] 因为一直写react react-native 都是用flex布局。

XwReal:
设置为position为absoult也形成bfc为啥不能处理浮动塌陷的问题

秀芹___:
我靠就这?今天面试背问到没答出来被面试官疯狂diss,我靠这也能算得上面试题,我还以为bfc是什么新玩意呢

【回复】我被问到时还以为是 bem css 规范呢。。。
吴世燅:
这个与clearfix 有什么区别不 我觉得都是用力处理塌陷问题[热词系列_知识增加]

藤い樹:
浮动就是为了在网页中实现文本环绕图片的效果而引入的一种布局模型

知识分享官 编程 经验分享 JAVASCRIPT WEB JS 前端 VUE WEB前端 打卡挑战

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!