如何调整孩子宽度

-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

如何调整孩子宽度

回答

相关问题