求一个CSS浮动模型
一直想建立一个模型，让自己练习使用CSS+DIV排版更加熟练，但是一直建立不起来
高分求前辈指点
关于clear:left,right,both
float:left,right
他们是从哪里开始浮动？
这个是我的理解，我知道是错误的................
-----------------------------------------------|
|float:left | 这个部分都属于这个div (2) |
| div (1) | 使用clear:right;清除这部分的div |
|-----------|----------------------------------|
| |
| |
| (3) |
| 全页面 |
| |
| |
| |
| |
| |
-----------------------------------------------|
如果我要在2那个区域加上一个DIV标签，是需要怎么写属性？
float:right;
clear:?这个需要吗？
如果需要clear是clear哪的？
我新建立的DIV是从哪里开始浮动？
模型建立不起来，有时候用的时候经常乱乱的...........
还有就是一个写div标签的顺序
-----------------------------------------------|
| | (2) | (3) | (4)| (5) |
| (1) | | | | |
|----------------------------------------------|
| | |
| | |
| (6) | (7) |
|--------------------------| |
| |-------------------|
| | |
| (9) | (8) |
| | |
| | |
-----------------------------------------------|
这个版式需要怎么书写DIV标签的顺序呢？？
书写的原则是什么呢？
默认的定位是相对的是吗？
是相对父DIV的是吗？
求前辈指点，最高只能放100分了，可能问题会多点，包涵包涵
[解决办法]
1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN "
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<style type= "text/css ">
div {border:1px solid #ddd;}
</style>
</head>
<body>
<div style= "float:left;width:200px "> 1 </div>
<div> 2 </div>
<div style= "clear:both; "> 3 </div>
</body>
</html>
[解决办法]
2:书写顺序
由上到下，由左到右
[解决办法]
语法：
clear : none | left |right | both
参数：
none : 允许两边都可以有浮动对象
both : 不允许有浮动对象
left : 不允许左边有浮动对象
right : 不允许右边有浮动对象
语法：
float : none | left |right
参数：
none : 对象不浮动
left : 对象浮在左边
right : 对象浮在右边
采用margin-top,margin-left定位，位置是相对父元素，可不用relative，因为div之间默认会换行
[解决办法]
居中：
body {text-align:center;}
div {margin:auto;}
[解决办法]
-- parent div -----------------------------------------------
||div1{float: left}| |div2{float: left}| |div3{float: left}||
-------------------------
多个float: left元素会自动向左对齐排列，军训时候的“向左看齐”明白吧？
-- parent div -----------------------------------------------
||div1{float: left}| |
||div2{clear: left; float: left}| |div3{float: left}| |
-------------------------
如果有一个元素拥有clear: left，那意味着它必须是左排头兵，它不愿意任何有float: left属性的元素出现在它的左侧，如果有就自己另起一行。
-- parent div -----------------------------------------------
||div1{float: left}| |div3{float: right}||
-------------------------
两个元素分别float: left和float: right的话，各自向自己那边看齐。
至于clear: right我想不用解释了，clear: both就等于clear: left和clear: right合起来。
[解决办法]
http://bolm.cn/xhtml
