html - 强制周围的 div 包围元素

Question

我有一个容器 div，它应该改变以包裹它的内容，从而产生带边框的效果，但是由于某种原因，该 div 似乎只是在页面顶部显示为一条线。下图显示了我想要实现的目标，但正如您从这个Fiddle中看到的那样，它不起作用。

有什么建议么？

Code enclosed in Fiddle.

score 2 · Accepted Answer

这是因为 div 的内容是向左浮动的，而 div 不是。应用于float: left;带有边框的 div 并且它可以工作：http: //jsfiddle.net/9yUX3/7/

score 1 · Accepted Answer

解决此问题的另一种方法是将溢出：隐藏（或自动）应用于 .boxed_content DIV。这可能对您更好，因为将浮动应用到容器可能会进一步弄乱您的布局。

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

score 0 · Accepted Answer

0

于 2012-12-12T18:44:17.907 回答

3 回答 3