文档流：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>文档流</title>
<style>
.box1{
background-color: yellow;
}
</style>
</head>
<body>
<!--
文档流（normal flow）
-网页是一个多层的结构，一层摞着一层
-通过css可以分别为每一层来设置样式
-作为用户只能看到最顶上一层
-最底下的一层成为文档流，文档流是网页的基础
我们所创建的元素默认都是在文档流中进行排序
-对于我们来说元素主要有两个状态：
在文档流中
不在文档流中（脱离文档流）
-元素在文档流中有什么特点：
-块元素
-在页面中独占一行
-默认宽度是父元素的全部（会把父元素撑满）
-默认高度是被内容撑开（子元素）
-自上向下排列
-行内元素
-行内元素不会独占一行，只占自身的大小
-自左向右排列
-如果一行中不能容纳下所有行内元素，则元素会换到第二行继续自左向右排列
-行内元素的默认宽度和高度都会被内容撑开
-->
<div class="box1">我是div1</div>
<div class="box2">我是div2</div>
<br />
<span>我是span1</span>
<span>我是span2</span>
</body>
</html>
2795
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
