如何調整孩子寬度

-3

我有很好的CSS任務：
http://jsfiddle.net/2ghb3ahc/12/如何調整孩子寬度

<div class="p1"> 
     <p>204204204200420424204204204420420420420420420000420</p> 
     <div class="p2"></div> 
    </div> 

    .p1 { 
     width:300px; 
     height: 200px; 
     border: 1px solid #000; 
     overflow-x: scroll;} 
    .p2 { 
     height: 30px; 
     background: #902457; 
     display: block; 
    }

我父DIV元素（固定寬度= 300像素和樣式屬性「溢出-X長卷」）和兩個嵌套元素（p元素和div元素）。 P元素的innerHTML大小大於父元素的div元素寬度。此時，嵌套的div元素寬度等於父元素的div元素寬度。問題是如何（只用CSS）我可以調整嵌套的div元素寬度：使它等於嵌套的p元素寬度？

來源

2016-08-24 Sergei Sekatski

正如你說你想要的'p'和'div'永遠是相同的寬度爲對方？ –

是的！相同的寬度 –

有趣的是，我敢肯定你不能用CSS做到這一點。你需要JavaScript。 –

您可以通過使用滾動容器內的包裝元素，然後將display: inline-block;應用於該包裝器和寬元素來實現該效果。

http://jsfiddle.net/o3eejno1/

來源

2016-08-24 18:15:29 Christoph

我知道它，但任務是不使用任何包裝元素，只有css –

沒有包裝元素，它是不可能使用純CSS。因爲你需要一個容器，當孩子成長時，它的容量正在增長。 – Christoph

如何調整孩子寬度

回答

相關問題