如何构建具有固定宽度和100％边的居中菜单

Question

我想建立一个这样的菜单：

菜单居中并具有特定的（例如800px）。其他两个div应该与浏览器的右侧和左侧对齐。

纯css有可能吗？

Answer 1

---

编辑：

正如Chad评论的那样，表格是针对表格数据制作的，因为这不是表格数据，这里是没有表格的解决方案：

<强> FIDDLE

它使用包含display:table;和display:table-cell;

的div

---

使用表格可以使用纯CSS：

请参阅 FIDDLE

HTML

<table>
    <tr>
        <td id="left">
            ALIGN LEFT
        </td>
        <td id="center">
            MENU
        </td>
        <td id="right">
            ALIGN RIGHT
        </td>
    </tr>
</table>

CSS

 html,body{
        width:100%;
        padding:0;
        margin:0;
    }
    table{
        width:100%;
    }
    td {
        border:1px solid red;
        height:100px;
    }
    #center{
        width:800px;
        text-align:center;
    }

    #right{
        text-align:right;
    }