1.正常场景一般都适用div+CSS布局，现在使用的也大部分都是这种方式。
2.Table布局的适用场景：某种原因不方便加载外部CSS的场景，例如邮件正文，此时用table布局可以在无css情况下保持页面布局正常。
div+css的布局较table布局有什么优点
1，其实也是div+css布局的第一个特点，table标签被严格地定义为存放数据的一个区域，而不是布局工具，它的布局形式不符合W3C标准，没有实现结构和表现的分离，它既有css的表现功能，也有html的结构功能。
2，table布局加载网页时，必须整体加载完，降低了网页的呈现速度，而div+css布局是边加载边显示的。
3，table布局在网页代码编写时，有时需要嵌套多重表格才能实现，但使用div+css布局，相对而言会减少许多嵌套时的代码，更容易检查和维护。
4，table布局不方便表现的更换，使用div+css布局，大多只要更改css样式表就能变化表现形式。
5、易于维护和改版。
了解更多前端培训课程相关技术内容欢迎关注小编！
原文：https://www.cnblogs.com/majhw/p/15220106.html