1

私はこの構造を持っています：

    <div id="wrapper2">
<div id="smallImages">
    <span>
       Small Image 1
    </span>
      <span>
          Small Image 2
    </span>
      <span>
          Small Image 3
    </span>
</div>  
   </div>

問題は、そのdiv内にあるスパンをフロートさせようとしたときです。私がそれらを浮かせるとき、それらはdivの流れから外れます..divは実際にはそれらの上にあります..それらはすべてdivの幅に合うことに注意してください。

CSS：

#smallImages{
    margin:auto;
    background-color:#267990;
    width:300px;
}


#smallImages span{
    background-color:#f18e99;
    width:90px;
     height:150px;
     display:block;
float:left;
  }

なぜそれが起こるのですか？

4

1 に答える 1

2

親要素がCSS2仕様に従ってoverflow設定されている場合、親要素の高さを計算するときにフローティング要素は考慮されません。visible

ただし、これを回避するためのCSSハックがあります：https ：//stackoverflow.com/a/11597829/384617

于 2012-11-04T09:32:23.500 に答える