讓內部的div 100％的外部

這是一個非常簡單的問題，但我似乎無法挖掘如何在任何地方的答案。有沒有辦法使用百分比來製作一個嵌套的div 100％的外部div？ div被動態地插入到寬度不同的外部div中。現在我遇到的問題是它溢出了外部分區。當前的CSS是這樣：讓內部的div 100％的外部

.bottomDiv 
    { 
     overflow: hidden; 
     height: 30px; 
     bottom: 0px; 
     left: 0px; 
     color: red; 
     position: absolute; 
    }

在div是在外div的底部位置。任何幫助將不勝感激！

來源

2012-08-26 Serguei Fedorov

它應該自動轉到100％。 –

哦，對不起，我拿出100％，看它是否有效。現在它根據chrome是0px寬度。它嵌套在浮動到左側的DIV中。 –

@ DanielA.White絕對定位。所以它被從文檔的「正常」流程中取出。因此默認情況下它不是全角。 – PeeHaa

你可以做這樣的事情：

<div id="outer"> 
    <div id="inner"> 

    </div> 
</div>

這個CSS：

#outer { 
    position: absolute ; 
    width: 50% ; 
    height: 50% ; 
    } 

#inner { 
    position: absolute ; 
    bottom: 0% ; 
    width: 100% ; 
    height: 10% ; 
    }

來源

2012-08-26 13:51:20 bperson

好吧，這是一個非常糟糕提出的問題，我對那些誰試圖回答很遺憾這個問題。至於我在解決這個問題上，似乎在CSS上設置100％並不能解決這個問題，因爲div在另一個裏面並不「完全」。將div設置爲絕對值將使100％相對於正文而不是包裝div。爲了解決這個問題，你需要一些動態附加div的JavaScript，然後把父寬度應用到孩子身上。

如果你遇到這個問題，請嘗試以下（這是多個div）：

$(".outerDiv").each(function(){ 
     $(this).append("<div style='width:"+ $(this).width() +"px' class='slateExpand'></div>"); 
    });

來源

2012-08-26 14:10:17

你所說的「只有當你的包裹div沒有'position：relative;'或'position：absolute'時，纔會發生」將div設置爲絕對將使100％相對於身體而不是包裹div「。 ddr2提出的究竟是什麼應該解決你的問題。應該沒有必要回到JavaScript ...如果你的內部div不適合你的外部div，這可能是由於邊界，填充或保證金問題？ – Pebbl

讓內部的div 100％的外部

回答

相關問題