CSS关于流式布局
关于float。
一般情况,使用float能使所在的div层悬浮于当前所在页面的上方(比如第一层图);
使用clear能消除这种悬浮效果。(比如第二层图)
注意:使用float后,嵌套的两个div层只会随float而改变。
(1)外层有float,下层没有,外层元素效果的宽随内层变,高随外层变。处于同一层。(外层有float和两层都有float的区别?)
(2)外层没有,内层有float,内层元素悬浮,元素效果随各自层改变,处于不同层。
(3)内层外层都有float(或都没有float),内层元素效果都是在外层元素效果上,处于同一层。
小结:设置div层居中。
两个嵌套层,外层只设颜色即可;内层设置宽高,内层设置margin:auto属性;内层会把外层撑开,实现居中效果。
(必须两个嵌套层处于同一层中。)