html表和div

Question

我有以下问题：我有一个固定宽度和高度的桌子，应该在中间。

它的右边应该是 div ，从桌子的右边缘到浏览器的左边缘有一个宽度，但是必须在此 div 图像在右侧裁剪（因此只有左侧， div 的大小）

在桌子的左侧，您需要反向相同的东西，以及较低的

以下是它的样子 - http://db.tt/bZU8Z9SJ

你怎么办？

Answer 1

好的，为了给你一些答案，请使用div进行基本布局：

<div id="container">
    <div id="left"></div>
    <div id="table"> <!-- Your table here --> </div>
    <div id="right"></div>
</div>

添加一些CSS：

#table{
    float: left;
    width: 50%;
    height: 200px;
}

#left{
    float: left;
    background: #3f3;
    width: 25%;
    height: 200px;
    background-position: right;
}

#right{
    float: left;
    background: #f3f;
    width: 25%;
    height: 200px;
    background-position: left;
}

在这里摆弄：http://jsfiddle.net/ycS2N/