文字与图片组合时的包裹性与破坏性问题

来源:4-11 浮动的其他特性

hblack

2019-07-11 17:33:03

http://img.mukewang.com/climg/5d26fbbb00010f1b15151107.jpg

http://img.mukewang.com/climg/5d26fbc0000198bd15471136.jpg

http://img.mukewang.com/climg/5d26fdbe000194fe15481113.jpg

http://img.mukewang.com/climg/5d26fdc10001ef1d15151111.jpg

  1. 图片设置浮动,文本不浮动时,文本为什么不会像上一节的图形那样被覆盖掉一部分?看别的回答下的文档流和文本流没太明白;

  2. 当文本和图片都浮动后,文本为什么不会在图片旁边并排显示?

  3. 当div本身不浮动时背景设置不起作用,div浮动时则可以,那是不是可以理解为内容高度高于div时,div不浮动出现破坏性,div浮动时出现包裹性?

写回答

1回答

好帮手慕柯南

2019-07-11

同学你好!

  1. 可以简单的理解为文本流就是一系列的字符,文档流就是元素按照其在 HTML 中的位置顺序决定排布的过程,主要的形式是自上而下(块级元素),一行接一行,每一行从左至右(行内元素)。的结构

  2. 行内元素浮动后,默认为行内块元素(综合了行内元素和块状元素的特性),所以他们分开显示了。

  3. 第三点同学的可以这么理解。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

0

0 学习 · 9666 问题

查看课程