本文介绍了三种常见的网页布局设计模式：FluidMode、FloatMode 和 FlowMode，并详细解释了 FloatMode 和 FlowMode 的工作原理及使用场景，为网页设计师提供实用指导。
* 网站页面设计之初要有网页布局规划：
fluid mode:就是那种页面大小会随着浏览器大小改变的
float mode: 除了最外面的那个div,其他的所有element都要设置float
flow mode: 大的框架不浮动，其他根据需要浮动。
我这里几个案例都在使用float mode；很多人自觉不自觉地在使用flow mode；现在使用fluid mode得人越来越少。
Float Mode: 要求每个div都使用float，必要时使用clear:both
Flow Mode: 如果嵌套的外层div没有float,但是里面的使用了float,那么在里层div结束后执行clear:both, 否则外层div不被撑满(可以外面div使用overflow:hidden，但是不建议使用有诸多问题)。
fluid mode:就是那种页面大小会随着浏览器大小改变的
float mode: 除了最外面的那个div,其他的所有element都要设置float
flow mode: 大的框架不浮动，其他根据需要浮动。
我这里几个案例都在使用float mode；很多人自觉不自觉地在使用flow mode；现在使用fluid mode得人越来越少。
Float Mode: 要求每个div都使用float，必要时使用clear:both
Flow Mode: 如果嵌套的外层div没有float,但是里面的使用了float,那么在里层div结束后执行clear:both, 否则外层div不被撑满(可以外面div使用overflow:hidden，但是不建议使用有诸多问题)。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
