CSS IE6 IE7當父元素的位置相對時設置子元素的寬度

我試圖爲父元素的相對位置設置子元素的寬度。但是當我給孩子的寬度大於父母的寬度時，FireFox中父母的寬度將會改變。而在IE6/IE7中，我必須改變父母的寬度，然後可以更改孩子的寬度。現在，我需要改變孩子的寬度，但不改變它的父母'Thx！CSS IE6 IE7當父元素的位置相對時設置子元素的寬度

#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>

來源

2009-12-23 Zodiac

您是否正在使用DOCTYPE？這是確保瀏覽器採取同樣行動的最佳第一步。

來源

2009-12-23 03:52:46

是的。 <！DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Transitional // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」> – Zodiac 2009-12-23 04:03:12

嘗試將overflow: hidden;添加到#container。另一種選擇是overflow: scroll;。此屬性描述了當容器元素的子元素大於容器元素時應該發生的情況。我猜Firefox的默認行爲與IE不同。

這裏是一些。

來源

2009-12-23 05:24:11

我試過了，但是它不起作用。並且「overflow：scroll;」是不是一個好設計，thx。 – Zodiac 2009-12-23 06:34:25

CSS IE6 IE7當父元素的位置相對時設置子元素的寬度

回答

相關問題