-4

イメージまたはアイコンが LEFT-FLOATING にあり、Details も LEFT-FLOATING にある状況があります。

問題は、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

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 に答える
0

シャドウされた div の高さとパディングを変更してみてください

すでに高さが設定されている場合、コンテンツの周りに魔法のように収まりません

于 2012-07-04T16:28:27.770 に答える