原文：http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning 当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。 比如，可以使用若干个 ...

二、定位（position） 　　初始状态 　　1、相对浮动特点（relative）： ...

页面布局，或者是在页面上做些小效果的时候经常会用到 display,position和float 属性，如果对它们不是很了解的话，很容易出现一些莫名其妙的效果，痛定思痛读了《CSS Mastery》后总结一下。 让我们从基础的CSS知识谈起，相信很多初学者和小弟一样不明白CSS原理，一味追求效果 ...

　　一、css定位 　　　　CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 　　　　　　1.普通流：未专门指定的元素都在普通流中定位，position:static/relative;和float:none;也在普通流中定位。 　　　　　　2.绝对定位：position ...

## CSS和模型 ##CSS盒模型本质上是一个盒子，封装周围的 HTML 元素，包括 外边距（marign），边框（border），填充（padding），内容物（content） 盒子模型的类型：W3C 标准和模型和 IE 盒模型（怪异盒模型） W3C 标准盒模型：属性 ...

1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。div一个典型的块级元素，会单独占据一行。 先看看最基本的块级元素如何排列的。html代码，以下样式都是基于此 ...

近期会更新一系列博客，对基础知识再度做个巩固和梳理。 一、position定位 （一）：position的属性 　　1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 　　2.relative：生成相对定位的元素，相对于其所在普通的文档流位置 ...