html - 一个 Div 应该与前一个（或内部）Div 具有相同的宽度 - 没有 Javascript？

Question

我的示例仅使用 jQuery 中的一行 Javascript。

http://jsfiddle.net/TFLMX/4/

当我将班级中心的 html 更改为

div class="center">Here is</div>

粉红色的 div 获得中心的宽度，但如果没有 javascript，这可能吗？
也许较小的 div 必须在中心 div 中？谢谢！

这里出错了：http: //jsfiddle.net/TFLMX/10/

div 'smaller' 在任何时候都必须具有与 'center' 相同的动态宽度。
但是“较小”中的文本如果变得太小以在一行上显示文本，则必须进行自动换行。

Answer 1

我使用了这个逻辑并按照您的意愿工作：

max-width+padding+margin第二个 div <min-width+padding+margin上一个 div

.smaller {
    background: pink;
    padding: 10px;
    line-height: 1.5em;
    max-width:100px;
    margin:0 5px;
}

Working DEMO