強制圍繞div封閉元素

我有一個容器div應該改變環繞它的內容產生一個有邊界的效果但是由於某種原因div似乎只是在頁面頂部顯示爲一條線。下面的圖片顯示了我想要達到的效果，但從 Fiddle可以看出它不起作用。強制圍繞div封閉元素

有什麼建議嗎？

Code enclosed in Fiddle.

2012-12-12 jezzipin

這是因爲div的內容是左浮動而div不是。將float: left;應用於帶邊框的div，它的工作原理如下：http://jsfiddle.net/9yUX3/7/

2012-12-12 16:38:11 Andy

歡呼的方式。任何指針如何實現陰影邊界效果？ – jezzipin

CSS3 box shadow：http://www.w3schools.com/cssref/css3_pr_box-shadow.asp（不要爲我的w3schools鏈接殺死我） – Andy

我發現的另一個古怪的技巧是，如果容器的高度設置爲'auto'並且應用'overflow：hidden';'它會將父容器拉伸到所需的大小，而不是隱藏孩子。 – CD001

解決此問題的另一種方法是將overflow：hidden（或auto）應用於.boxed_content DIV。這對你來說可能會更好，因爲將float應用於容器可能會讓你的佈局變得更糟。

.boxed_content { 
    border: 1px solid black; 
    box-shadow: 0px 0px 5px 5px #c4c4c4; 
    overflow:hidden; 
}

2012-12-12 16:45:42

這就是我已經做到的方式;） – CD001

2012-12-12 18:44:17 Eric

回答