二维布局常用的是使用浮动和相对定位,目的是想尽办法让各种各样的模块挤在一个平面内,为了照顾兼容和应付各种BUG,往往结构和表现都处理的非常复杂,效率方面大打折扣。三维布局须使用定位,定位容易给人造成一种布局固定的误解,其实是错误的,定位一定程度上可以代替浮动做到相对屏幕,而且兼容性更好。典型例子:高度100%的定位自适应布局
三维举例
实际项目中常见的是二维三维布局混合使用,通过优点互补可做到优处理结果,而且可扩展性好,理论上一个页面可以叠加N个层的内容,每个层内又可进行二维操作,于是能轻松实现很多复杂布局,有更多创意空间。典型例子:不用float,模块居中布局例子比如你在第4个模块区域点右键,肯定不会出现“图片另存为”的功能选项,虽然此处确实是图片,因为你当前鼠标右击控制区域在顶层的模块3上。
上一条:没有了
下一条:三维设计的运用 |
返回列表 |