css布局：table，table-cell

html-css029

css布局：table，table-cell,第1张

table： 会作为块级表格来显示（类似 <table>）

table-row： 浏览器会默认创建一个表格行（类似<tr>）

table-cell： 作为一个表格单元格显示（类似 <td>和 <th>）

具体实现

结果：

左边宽度固定，右边自适应

结果：

结果：

结果：

我们要 <div class="box">B</div>" 整个可以使用 text-align: right 属性，也就是整个B框要在红色背景的右边，需要先将他们设置 inline-block 属性

结果：

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<table>标签中的第一个<td>标签，加入属性代码：width="65px"。

3、浏览器运行index.html页面，此时表格第一列的宽度被固定在65像素。