您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

BFC常用知识点

官方文档:https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context

1、BFC是什么:BFC(block formatting context)块级格式化上下文,它是页面中的一块渲染区域,并且有一套属于自己的渲染规则,它决定了元素如何对齐内容进行布局,以及与其他元素的关系和相互作用。 当涉及到可视化布局的时候,BFC提供了一个环境,HTML元素在这个环境中按照一定规则进行布局

2、BFC解决问题1,浮动元素令父元素高度坍塌的问题

    <style type="text/css">
		 .father{
		 	overflow: hidden;  /*加上这行解决 浮动元素影响父元素高度塌陷问题*/
		 	border:1px solid red;
		 }
		 .son{
		 	float: left;
		 	width: 100px;
		 	height:100px;
			background-color: green;
		 }
    </style>
    <div class="father">
		<div class="son">
		</div>
    </div>

分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进