jquery - CSS 样式被表格打断

Question

我一直没能弄清楚这个问题。这是我第一次涉足 z-index，我正在尝试应用左手阴影框，但无法将其放在 table 下面。查看 jsfiddle 链接，该框使用以下 css，但不会转到左上角。我尝试使用其他事物的 z-index 并将它们置于不同的值。如果我将框放在 1 而不是 -1，它会转到正确的位置，但我无法将菜单子(monad)项和 Logo 置于其上方。

http://jsfiddle.net/GTKn9/

.leftbox
{
    position:absolute;
    left:0px;
    top:0px;
    height: 100%; 
    width:  220px; 
    background-color: #36454f; 
    z-index: -1;
}

Answer 1

很难想象您要实现的目标。但是，我认为如果您更改标记，您可能会取得更大的成功。表格真的应该只用于表格数据而不是用于布局。此外， float 旨在用于定位图像，而不是其他元素。在大多数情况下，您应该能够避免使用 float 。 要让 position:absolute 更容易工作，请尝试将元素父容器设置为 position relative。这样子元素将相对于父元素定位。 (令人困惑？)

我创建了 a basic layout为你。同样，我不完全确定您要实现的目标，但也许这是一个很好的起点？