Maison >interface Web >tutoriel HTML >css脱离文档流_html/css_WEB-ITnose

css脱离文档流_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:38:201455parcourir

Q:什么是文档流?

A:简单的说可以理解为元素在页面上出现的先后顺序。

Q:什么情况下会脱离文档流?

A:当使用“浮动”与“绝对定位”时。

Q:脱离文档流就不占据空间了吗?

A:可以这么说。更准确地一点说,是一个元素脱离文档流之后,其他的元素在定位的时候会当做没看见它,两者位置重叠都是可以的。

Q: 脱离文档流是不是指该元素从dom树中脱离?

A: 不是,用浏览器的审查元素就可以看到脱离文档流的元素(例如被float了)依然会出现在dom树里。

 

需要注意的是,使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。而对于使用absolute positioning脱离文档流的元素,其他盒子与其他盒子内的文本都会无视它。

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn