0

親の位置が相対的な子要素の幅を設定しようとしています。しかし、親の幅よりも大きい幅を子に与えると、FireFox の親の幅が変更されます。そして、IE6/IE7では、親の幅を変更する必要があり、その後、子の幅を変更できます。ここで、子の幅を変更する必要がありますが、親の幅は変更しません.Thx!

#container {
  width:300px;
  height:300px;
  position: relative;
  background:#666;
}

#box {
  height:100px;
  position: absolute;
  top: 100px;
  left: 50px;
  background:#006;
  max-width:300px;
  min-width:220px;
}

<div id="container" style="float:left;">
    <div id="box">
       <div>
           <table style="border:none;padding:0 0 0 0; margin:0 0 0 0em;" border="0" cellpadding="0" cellspacing="0">
              <tr>
               <td style="width:300px; word-wrap:break-word; word-break:break-all;">               
         bmkmgklkldfbmm bmsdfkmsdfl vmsdfklvmkbsbndfbf msdvmkdvsdfkmvcnas dcbnasdjkcn asdjudhcud cadjkcnasdcbnasd jkcnasdj
                  </td>   
              </tr>
           </table>
       </div>
    </div>
</div>

   <div style="float:left;"> 
    udhcudcadjkcnasdcbnasdjkcnasdj
   </div>
4

2 に答える 2

0

に追加overflow: hidden;してみてください#container。別のオプションはoverflow: scroll;です。このプロパティは、子が実際よりも大きい場合にコンテナ要素に何が起こるかを記述します。FirefoxとIEではデフォルトの動作が異なると思います。

ここにいくつかのドキュメントがあります。

于 2009-12-23T05:24:11.637 に答える
0

DOCTYPE を使用していますか? これは、ブラウザーが同じように動作することを確認するための最善の第一歩です。

于 2009-12-23T03:52:46.857 に答える