Css 将一个div置于另一个div之外

我有一个div，它使用

margin:0 auto居中；显示：表格。
div
宽
960px

这里面还有一个div。它是一个搜索框，在上角左对齐。但我希望这个div与浏览器窗口的最左侧对齐，这意味着它在视觉上位于主中心div的外部或内部，具体取决于浏览器窗口的大小
在CSS中有没有实现这一点的方法？
只需使用
位置：绝对；左：0px”。请参阅我的jsfiddl（容器ID已经缩小，以便可以放入JSFIDLE窗口，但概念应该是合理的）：。
这里有一个小提琴：

这就是代码：

#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;
}

希望这能解决你的问题
位置：绝对；排名：0；左：0
…谢谢！这就是我以前尝试过的方法，但是由于Drupal中有大量的封闭div，所以很难应用这个解决方案。但现在我成功地把它应用到了正确的div上，它成功了。是的，谢谢。我试着去做，但它不起作用。在这里问了这个问题并得到了确认之后，我再次尝试了它，并在Drupal中找到了我需要应用它的div。