2011-01-05 13 views
87

私たちは2つのDIVを持っています。外側DIVが絶対配置されていない場合、絶対配置された内側DIVは、外側DIV(example)の隠れたオーバーフローに従わない。位置絶対値とオーバーフロー隠し

外側のDIVを絶対位置に設定せずに、内側のDIVを外側のDIVの隠れた部分に従うようにする機会はありますか? テーブルTD(exmple)の「成長」が必要なので、内部DIVの相対的な位置もオプションではありません。

その他のオプションはありますか?

答えて

207

外側を作る<div>position: relativeに、<div>position: absoluteとする。それはあなたのために働くはずです。

+3

感謝。私はいつもposition:relativeがデフォルトだと思っていました。私は静的がデフォルトであることを知りました。私は両方の答えが同等であり、shankhanがもう少しのポイントを必要とするのでshankhans答えを受け入れる;-) – Zardoz

+0

@ Zardoz:ありがとう – shankhan

+9

あなたNINJA、あなた。 –

21

外側のdivはどうですか?position: relative?内部のものを隠す例では。また、上または左を指定していないため、レイアウト内を移動しません。

-4

あなたはこのようdiv Sを作る:

<div style="width:100px; height: 100px; border:1px solid; overflow:hidden; "> 
    <br/> 
    <div style="position:inherit; width: 200px; height:200px; background:yellow;"> 
     <br/> 
     <div style="position:absolute; width: 500px; height:50px; background:Pink; z-index: 99;"> 
      <br/> 
     </div> 
    </div> 
</div> 

を、私はこのコードはあなたを助けることを願っています:)あなたの両方に

関連する問題