摘要：
html代码 CSS代码 效果图： 、 下面介绍的围住浮动元素的方法，最终达成的效果都是： 方法一：为父元素添加 overflow:hidden //overflow：hidden声明的真正用途是 //1.防止包含元素被超大内容撑大。应用overflow：hidden之后，包含元素依然保持其特定的宽 阅读全文
摘要：
前言 为了更好理解浮动和position，建议先看看我写的这篇文章《Html文档流和文档对象模型DOM理解》 正文 一、浮动 CSS设计float属性的主要目的，是为了实现文本绕排图片的效果。然而，这个属性居然也成了创建多栏布局最简单的方式。 如何浮动一个元素？先设定其宽度width，再增加样式规则 阅读全文
摘要：
前言 在理解浮动和定位时，触碰到文档流概念。为了更好理解浮动和定位，学习了文档流和DOM（文档对象模型）。 正文 DOM（文档对象模型）简单理解就是编写的html页面所有内容构成的树形结构。例如： 根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 整个文档是一个文档节点 阅读全文