什么是css文档流

什么是css文档流,第1张

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

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

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

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

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

文档流中:内联元素默认从左到右流,遇到阻碍或者宽度不够自动换行,继续按照从左到右的方式布局森正。块级元素单独占据一行,并按照从上到下的方式布局。

div的宽度不是由div里面的文字决定的,div默认是一行宽。

内联元素的宽判吵度由其内容+ margin + padding 决定,但掘春侍是其高度是不受 padding 和 margin 影响的。

一.什么是文猜嫌蔽档流文档流

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

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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/12232524.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-22
下一篇 2023-05-22

发表评论

登录后才能评论

评论列表(0条)

保存