html的文档流是什么?html文档流简介


当前第2页 返回上一页

1

2

3

4

5

<div id="div1"></div>

<div id="div2"></div>

<div id="div3"></div>

<div id="div4"></div>

<div id="div5"></div>

12-1-3.png

上图就是按照正常文档流显示的效果图。

然后,所谓的脱离文档流就是指它所显示的位置和文档代码的顺序不一致了,比如可以用CSS控制,把最后一个div元素显示在第一个div元素的位置,如下图:

12-1-4.png

在上图中,在不改变HTML代码顺序的前提下,我们可以通过CSS来将id="div5"的div元素从正常文档流“抽”出来,然后显示在其他div元素之前。在这种情况下,id="div5"的div元素就已经“脱离正常文档流”了。

在CSS布局中,我们可以使用浮动或者定位这两种技术来实现“脱离正常文档流”,从而随心所欲地控制着页面的布局。

以上就是对html的文档流是什么?html文档流简介的全部介绍,如果您想了解更多有关Html5教程,请关注PHP中文网。

以上就是html的文档流是什么?html文档流简介的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html的文档流是什么?html文档流简介

更多相关阅读请进入《html的文档流》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...