http://www.amazon.cn/DIV-CSS-3-0-%E7%BD%91%E9%A1%B5%E5%B8%83%E5%B1%80%E6%A1%88%E4%BE%8B%E7%B2%BE%E7%B2%B9-%E7%8E%8B%E5%A4%A7%E8%BF%9C/dp/product-description/B004OEB44Y
花30多块钱买一本看看吧,为以后铺垫
举例（两列布局）：
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>练习使用HTML</title>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<!-- DIV -->
<div id="d1">
<span>DIV</span>
</div>
<div id="d2">
<span>DIV</span>
</div>
<div id="d3">
<span>DIV</span>
</div>
</body>
</html>
css代码：
css文件：
#d1{position: absolute
width: 100px
height: 100px
background-color: red
}
#d2{
position: absolute
margin-left: 100px
width: 500px
height: 100px
background-color: blue
}
#d3{
position: absolute
margin-top: 100px
width: 600px
height: 100px
background-color: yellow
}
效果：
