web前端:bfc
懒人大天才
2024-04-23 23:45
网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。
bfc:块级格式化上下文,是一个有特殊功能的容器
解析bfc区域的规则(特殊功能):
1、bfc内部元素从上往下排列,一个挨着一个
2、元素的左外边距挨着bfc区域的左边框
3、垂直摆放的元素边距由margin决定,同属于同一个bfc区域的元素垂直margin会合并
4、bfc区域和float元素不会重叠(特殊情况position)
5、bfc就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素
6、计算bfc的高度时,浮动元素也参与计算
bfc触发规则:
1、html(根元素)是最大的bfc区域
2、position为absolute、fixed
3、display为
inline-block
table-cell
table-caption
flex
inline-flex
4、overflow不为visible
5、float不为none
bfc应用:
1、两列布局,三列布局
2、清除高度塌陷
3、使垂直方向的外边距不合并(父子关系)
网页,是网站中的一「页」,通常是HTML格式(文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等)。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341