在了解CSS中的浮动和定位之前有必要先了解清楚标准流和脱离标准流的特性 标准流的默认特性 1、分行、块级元素，并且能够dispay转换。 2、块级元素（block）：默认独占一行，不能并列显示，能够设置宽、高，宽度为父盒子的100%。例如：div、p、标题元素（h1-h6）、列表元素 ...

浮动 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 —— W3C 文字环绕 float可以实现块级元素的文本环绕浮动元素的布局 小贴士： 行内块 ...

： CSS盒子定位： 什么是盒子定位呢，顾名思义，就是元素盒子（以下主要以块级盒讲解）在页面中的位置，定位 ...

浮动 float属性可以设置的值为none,left,right.对于设置了浮动的元素，会向其父元素的左侧或右侧紧靠，默认情况下，盒子的宽度不再伸展，而是根据盒子里面的内容来确定。浮动可以让一个元素移到它所在行的某一边，使得其他内容沿着该元素的边缘向下流。 浮动的盒子会脱离文档流 ...

1.css float CSS float 属性定义元素在哪个方向浮动，浮动元素会生成一个块级框，直到该块级框的外边缘碰到包含框或者其他的浮动框为止。 1）元素怎样浮动 元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含 ...

一、CSS中的盒子模型 标准模式和混杂模式（IE）。在标准模式下浏览器按照规范呈现页面；在混杂模式下，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。 html元素一般分为块级元素和行内元素 块级元素：块级元素排斥 ...

一、CSS盒子模型 　　HTML文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒子模型。 　　盒子模型通过四个边界来描述：margin（外边距），border（边框），padding（内填充），content（内容区域），如图所示： 　　需要 ...

DIV+CSS学习笔记(三) 一、盒子的浮动 从这个例子开始学习： <style type="text/css"> body{margin:50px;font-family:Arial; font-size:12px; } .father{background-color ...