web前端（10）—— 浮动，清除默认样式

文档流

web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”，就跟编程语言一样，都是由上而下

而设计软件 ，想往哪里画东西，就去哪里画

文档流带来的最明显的现象就是一行写不完换行写

自动换行，一行写不满，换行写

如果在一行内写文字，文字过多，那么浏览器会自动换行去显示我们的文字

文档流还有其他现象

底部对齐，高矮不管

文字还有图片大小不一，都会让我们页面的元素出现高矮不齐的现象，但是在浏览器查看我们的页面总会发现底边对齐

例：

效果测试：

发现一个div就占了整整一行，因为div是块级标签，所以默认占一行，那么在实际的开发中，我们也许就需要把这两哥div放在同一行，那么这就可以设置浮动属性：

来源：dingyu6453