table： 会作为块级表格来显示（类似 <table>）
table-row： 浏览器会默认创建一个表格行（类似<tr>）
table-cell： 作为一个表格单元格显示（类似 <td>和 <th>）
具体实现
结果：
左边宽度固定，右边自适应
结果：
结果：
结果：
我们要 <div class="box">B</div>" 整个可以使用 text-align: right 属性，也就是整个B框要在红色背景的右边，需要先将他们设置 inline-block 属性
结果：
div+css布局好，现在主流的网站均采用此种方法布局。1、div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发。
2、div+css提升了网页访问速度，div+css布局较传统的Table布局比较，减少了许多代码，其浏览访问速度自然得以提升，从而提升了网站的用户体验度。
3、div+css有利于优化。采用div-css布局的网站对于搜索引擎很是友好，简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。
div+css优点在于
可以比table节省代码
如果你要修改样式
改一句css
div里面所有的都会跟这变
缺点就是
相对于table复杂
tabel
优点在于
可以直接生成
缺点就是tr
td
太多了
网络传输
需要精和小
而且样式修改起来复杂div主要用来给网站布局，定位，而表格主要是用来承载数据的，一般不用来布局，div布局比较灵活，比如说可以用float属性把整个页面的布局改变，而table却不灵活，所以该用哪个应视情况而定，也不一定说table就没有div好，希望对你有帮助。
