将div放在另一个div之外

Question

我有一个以margin: 0 auto; display: table;为中心的div。 div宽960px。

这个内部还有另一个div。它是一个搜索框，在左上角左对齐。但我希望这个div左对齐到浏览器窗口的最左侧，这意味着它将在视觉上位于主要居中div的外部或内部，具体取决于浏览器窗口大小。
有没有办法在CSS中实现这个目标？

Answer 1

这里有一个小提琴：http://jsfiddle.net/skunheal/5qT3p/

这将是代码：

#container{
margin: 0 auto;
display: table;
width:400px;
height:300px;
background:#111;
}


#searchbox{
position:absolute;
height:20px;
width:100px;
background:#f1f1f1;
left:0px;
top:0px;
}

希望这能解决您的问题

Answer 2

只需在搜索框中使用position:absolute; left:0px;即可。请参阅我的jsfiddl（容器ID已缩小，以便它可以放入JsFiddle窗口，但概念应该是合理的）：http://jsfiddle.net/CQ9cc/。