javascript - Div 大小 = 到另一个 div

Question

我有两个 div。一个 div 包含一个图像，另一个将包含将放置在图像上的文本标题。

如何在流畅的设计中使标题 div 的宽度等于图像 div 的宽度？

该页面采用流畅的布局设计，因此图像的大小可以随浏览器大小的变化而变化。

<div id="captions">Captions</div>
<div id="image"></div>

有没有办法在 CSS 中做到这一点？

Answer 1

您可以将这两个元素放入您的 div 中，然后设置 width

<div id="yourdiv">
  <img id="yourimg" src="" />
  <p class="yourtext">Here some Text</p>
</div>

然后设置.yourtext的宽度

.yourtext {
            width: 100%;
          }

FIDDLE