javascript - 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/