html – 为什么块元素在浮点后面并且内联到处？

概述我终于开始理解CSS中的浮动,但我被困在一个部分. 我理解浮动一个元素将它从文档的流中取出,因此它之后的元素将呈现在它下面,因为它们对它们是不可见的. 但是,我很难理解为什么内联元素如果已经从文档流中取出而知道浮动和流动？ 有一些规则可以控制浮动元素,块元素和线框之间的关系. 这些规则在CSS Visual Formatting Model中定义. 特别是,请注意规范中的这一部分： The IMG 我终于开始理解CSS中的浮动,但我被困在一个部分.

我理解浮动一个元素将它从文档的流中取出,因此它之后的元素将呈现在它下面,因为它们对它们是不可见的.

但是,我很难理解为什么内联元素如果已经从文档流中取出而知道浮动和流动？

解决方法 有一些规则可以控制浮动元素,块元素和线框之间的关系.

这些规则在CSS Visual Formatting Model中定义.

特别是,请注意规范中的这一部分：

The img Box is floated to the left. The content that follows is formatted to the right of the float,starting on the same line as the float. The line Boxes to the right of the float are shortened due to the float’s presence,but resume their “normal” wIDth (that of the containing block established by the P element) after the float.

换句话说,诸如p的块盒将在浮动元件后面流动.但是p中包含文本的行框表示浮动元素的存在.这些只是规范中定义的规则.

总结

以上是内存溢出为你收集整理的html – 为什么块元素在浮点后面并且内联到处？全部内容，希望文章能够帮你解决html – 为什么块元素在浮点后面并且内联到处？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。