內容在DIV DIV，內格寬度不拉伸

-1

<div name="outerContainer" style = "background: green; overflow: auto"> 
    <div name = "innerContainer" style = "background: red"> 
     <div name = "content" style = "width: 150%; height: 20px"/></div> 
    </div> 
    <div name = "innerContainer" style = "background: yellow"> 
     <div name = "content" style = "width: 120%; height: 20px"></div> 
    </div> 
</div>

其結果是，紅色和黃色的div將然而覆蓋他們的內容的初始可見部分，當滾動到右側時，它們的內容溢出（隱式溢出：可見），但它們保留100％的寬度。爲了讓紅色和黃色的innerContainer div覆蓋整個內容，我需要更改哪些內容？

內容div應該有一個動態的長度，可以被任何其他元素替換。在這種特殊情況下，可以通過將內容div的寬度賦予其容器來解決，但如果內容是沒有定義寬度的元素，則不起作用。

來源

2013-11-25 makrom

爲什麼使用百分比：

<div style = "background: green; overflow: auto;"> <div class="child" style = "background: red"> <div style = "height: 20px"></div> </div> <div class="child" style = "background: yellow"> <div style = "height: 20px"></div> </div> </div>

CSS？ –

你究竟想要什麼？我的意思是什麼問題？ – P5Coder

這是你想要的嗎？ [http://jsfiddle.net/HqH3W/](http://jsfiddle.net/HqH3W/） –

嘗試：

HTML：高於100

.child{width:120%;} 
.child:first-child{width:150%;}

Fiddle here.

來源

2013-11-25 09:58:29 Hiral

也許我應該澄清一下，最裏面的div只是代表隨機內容，用代替它，例如longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglong或其他。 – makrom

內容在DIV DIV，內格寬度不拉伸

回答

相關問題