CSS关于流式布局

关于float。

一般情况，使用float能使所在的div层悬浮于当前所在页面的上方（比如第一层图）；

使用clear能消除这种悬浮效果。（比如第二层图）

 

 

注意：使用float后，嵌套的两个div层只会随float而改变。

（1）外层有float，下层没有，外层元素效果的宽随内层变，高随外层变。处于同一层。（外层有float和两层都有float的区别？）

（2）外层没有，内层有float，内层元素悬浮，元素效果随各自层改变，处于不同层。

（3）内层外层都有float（或都没有float），内层元素效果都是在外层元素效果上，处于同一层。

 

小结：设置div层居中。

两个嵌套层，外层只设颜色即可；内层设置宽高，内层设置margin：auto属性；内层会把外层撑开，实现居中效果。

（必须两个嵌套层处于同一层中。）