Question

我无法弄清楚这个问题。这是我第一次涉足z-index，我试图应用一个左手阴影框而不能让它在桌面下。检查jsfiddle链接，该框使用以下css，但不会转到左上角。我尝试使用其他东西的z-index并将它们置于不同的值。如果我把盒子放在1而不是-1，那么它将会到达正确的位置，但是我无法将菜单子项和徽标带到它上面。

http://jsfiddle.net/GTKn9/

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

Answer 1

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

我为你创建了a basic layout。我不能完全确定你想要达到的目标，但也许这将是一个很好的起点？

CSS样式被表中断

1 个答案: