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/