CSS关于流式布局

ぃ、小莉子 提交于 2019-11-29 16:22:54

关于float。

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

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

 

 

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

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

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

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

 

小结:设置div层居中。

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

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

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!