什么是css文档流

html-css026

什么是css文档流,第1张

"文档"就是页面,doctype。"流"就指输入输出的形式,其中输入应该是“布局”,输出应该是“显示”综合起来就是:页面布局和显示的形式。

就是普通流了。就像你以前用表格布局基本只涉及到文档流,如绝对定位的元素不占文档流,它会忽略文档流的存在而浮在已有东西的上面。如相对定位它占文档流,所以定位不好它会覆盖已有的东西。

浮动的东西也不占的,只是文档流会围绕浮动的东西。因为div布局要经常用浮动,不浮动不好布局。

如一个主div1是文档流,假设里面有(2个浮动div(高100px)),如果你不加清理,overflow或其他处理方法。

因为你的东西在两个浮动的div里,这时你接个主div2,那它是出现在div1的下面,而不是在100px下,当然ie会自动扩大高度,但其他浏览器可不会。

一.什么是文档流文档流

1.    内联元素文档流从左往右流动,块级元素从上往下流动,每个块级元素另起一行

2.    块级元素的高度是由它里面文档流元素的高度决定的,决定不是等于

二.font-size:100px  指的是什么高度

字体的高度font-size是字母最高点到最低点的距离