无分类 四种方式进行清除浮动 以下展示了四种方式进行清除浮动 先看一段代码 css {代码…} html {代码…} 下面是结果 因为没有清除浮动，所以子元素没有将父元素撑开，出现上面的情况。 下面是几种清除浮动的方法 1.额外标签法 在最后一个浮动标签后，新加一个标签，给其设置clear：both；（不推荐） css {代码…} html {代码…} 效果展示 2.使用…
无分类 通过例子讲解BFC 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 ——来自MDN
javascript 政采云前端小报第48期 政采云前端小报第48期浏览更多往期小报，请访问： [链接] 本周原创 前端工程师需要了解的 Babel 知识 基于 Vue 的商品主图放大镜方案 本周收集 Kubernetes 在有赞的实践 本文分享了 Kubernetes 在有赞的实践和演…
无分类 理解 CSS 布局和 BFC CSS布局中有一些概念，一旦你理解了它们，就能真正提高你的 CSS 布局能力。本文是关于块格式化上下文(BFC)的。你可能从未听说过这个术语，但是如果你曾经用CSS做过布局，你可能知道它是什么，理解什么是 BFC，怎…
无分类 CSS BFC特性(块级格式化上下文) BFC全称为”Block Formartting Context”，中文为”块级格式化上下文”。它是页面中的一块独立的渲染环境，并且有一套渲染规则，它决定了其子元素将如何定位，以及它和其他兄弟元素的关系和相互作用。
无分类 CSS2中盒模型与布局的一些概念关系 block-level elements 一般指HTML中的特定类型的元素，比如div，p，ul等。block boxes 指形成一个block formatting contexts的boxes。可以确定的时正常的block-level（没有改变它的position，display等默认属性值…
