-4

我有一种情况，图像或图标位于左浮动，详细信息也在左浮动

问题是 Shadowed-DIV 没有环绕内容。

这个怎么做？

截图：问题

编辑 HTML 的结构是：

<div "shadowed one"> // no overflow: auto; but it doesn't have any effect +/- overflow
  <div "+/- overflow: auto">
   <div "floating left">Icon</div>
   <div "floating left">Details</div
  <div>
</div>
4

3 回答 3

1

我在JS Fiddle上为您创建了一个示例。

而不是浮动两个部门，浮动图像并在描述中添加边距。

于 2012-07-04T16:31:18.957 回答
0

尝试更改阴影 div 的高度和填充

如果它已经是一个设定的高度，它不会神奇地适合内容

于 2012-07-04T16:28:27.770 回答
0

您可以考虑使用clearfix技巧或 CSS 属性clear: both

带有 clearfix 的示例：

<!-- Clearfix on the parent div -->
<div class="shadowed one clearfix">
    <!-- Floating divs with different height -->
    <div class="floating left">Icon</div>
    <div class="floating left">Details</div>
</div>
于 2012-07-04T16:35:45.400 回答