网游之名动江湖(网游之名动江湖哪里能看到)

网游之名动江湖

1.新BFC协议的布局规则。触发BFC 3的元素。国际金融公司BFC布局规则的作用和原则

BlockFormattingContexts(BFC)是一个块级元素的渲染和显示规则(BFC可以理解为一个封闭的盒子，容器中的子元素不会影响外部元素)。1.BFC的布局规则

①内部箱子将沿垂直方向一个接一个放置。

②方框的垂直距离由边距决定，属于同一个BFC的相邻两个方框的上下边距会重叠。

③每个元素的左侧与包含框的左侧接触，即使有浮动。

④④的面积。BFC不会与浮动重叠。

⑤.BFC在页面上是一个孤立独立的容器，容器中的子元素不会影响外部元素。反之亦然。

⑥计算BFC高度时，浮动要素也参与计算。

只要元素满足以下任一条件，就可以触发BFC功能。

1.根元素。

②的属性。float不是无。

③.位置是绝对的或固定的。

④.显示为内嵌块；；表格单元格；表格标题；灵活多变.

⑤.溢出是不可见的。

①解决页边距重叠的问题。

②解决浮高坍塌问题。

③解决侵占浮动元素的问题。

先看自适应两栏布局。

让我们先定义两个div:

4.然后定义css:

效果图如下:

这是为了满足第三个规范:

每个元素的左边与包含的框的左边接触。即使有波动。

假设我们需要保持红色左边的黑色区域。有必要使用规范的第四条:

BFC的区域不会与浮动重叠。

换句话说，我们需要建立BFC地区。我们通过将红色区域的溢出设置为隐藏来触发BFC:

效果如下:

5.接下来，我们来看看清除内部浮动。

首先是父div避孕套div。

6.然后css:

效果如下:

可以看到，父div根本没有打开。

让我们回忆一下BFC规范中的第六条:

计算BFC高度时，浮动元素也参与计算。

所以我们需要将父div触发到BFC，也就是将其溢出设置为hidden:

效果如下:

您可以看到父div已经打开。

7.先说保证金的重叠。

首先定义两个垂直div:

然后定义利润:

您可以看到页边距重叠的效果:

让我们看看BFC规范中的第二条:

框的垂直距离由边距决定，属于一个BFC的两个相邻框的上下边距会重叠。

说明两者都属于同一个BFC，因此我们需要两个不属于同一个BFC的div。

为第二个div设置一个父div。然后，如果溢出设置为隐藏以激活BFC，边距将不再重叠。

效果如下:

-

IFC(InlineFormattingContexts)

从字面上翻译为“内联格式上下文”，IFC的行框高度是从其包含的行中元素的最高实际高度计算的(不受垂直方向上的填充/边距的影响)。

水平居中:当一个块要在环境中水平居中时，将其设置为inline-block将在外层生成IFC，text-align可以使其水平居中。

垂直居中:创建IFC，使用其中一个元素扩展父元素的高度，然后设置其vertical-align:middle，以便该行中的其他元素可以在该父元素下垂直居中。国际金融中心布局规则

1.1.ifc中的元素将从左到右排成一行。

2.一条线上的所有元素将在该区域形成一个线盒。

3.线宽的高度是包含框的高度，高度是行框中最高元素的高度。

4.浮动元素不会在线框中，浮动元素会压缩线框的宽度。

5.当行框宽度容纳不下子元素时，子元素将显示在下一行，并生成新的行框。

6.在行框的元素中遵循文本对齐和垂直对齐。

文章如有错误，请在评论区改正。如果这篇文章对你有帮助，请喜欢并关注它。我希望你会非常喜欢它。...