CSS关于流式布局

关于float。

一般情况,使用float能使所在的div层悬浮于当前所在页面的上方(比如第一层图);

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

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

(1)外层有float,下层没有,外层元素效果的随内层变,高随外层变。处于同一层。(外层有float和两层都有float的区别?)

(2)外层没有,内层有float,内层元素悬浮,元素效果随各自层改变,处于不同层。

(3)内层外层都有float(或都没有float),内层元素效果都是在外层元素效果上,处于同一层。

小结:设置div层居中。

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

(必须两个嵌套层处于同一层中。)

原文地址:https://www.cnblogs.com/xianshui/p/4439908.html