在另一個div之外定位一個div

我有一個以margin: 0 auto; display: table;爲中心的div。 div是960px寬。在另一個div之外定位一個div

這個裏面還有另一個div。這是一個搜索框，它在左上角對齊。但我希望這個div左對齊到瀏覽器窗口的左側，這意味着它將視覺上在主要居中的div之外或內部，這取決於瀏覽器窗口的大小。
有沒有辦法在CSS中實現這一點？

來源

2014-01-31 hkdalex

'的位置是：絕對的;頂部：0;左：0' ... – NoobEditor

只需在搜索框上使用position:absolute; left:0px;即可。查看我的jsfiddl（容器ID已縮小，以便它可以放入JsFiddle窗口，但該概念應該是合理的）：http://jsfiddle.net/CQ9cc/。

來源

2014-01-31 08:19:34 BFWebAdmin

是的，謝謝。我試圖做到這一點，並沒有奏效。在問這裏的問題並得到證實之後，我再次嘗試了它，發現我需要在Drupal中應用這個div。 – hkdalex

這裏提琴：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; 
}

希望這能解決你的問題

來源

2014-01-31 08:22:31

謝謝！這就是我之前試圖這樣做的原因，但由於Drupal中封閉的div數量很難應用此解決方案。但現在我設法將它應用到正確的div並且它工作。 – hkdalex

沒問題！很高興我能幫上忙 –

在另一個div之外定位一個div

回答

相關問題