html - 使父 DIV 成为其子项的宽度

Question

我试图在不设置固定宽度的情况下使父 div 成为其中子元素的宽度。但是，到目前为止我没有运气。

我需要调整大小的元素位于“内容容器”中，该容器没有定义宽度，因此是页面的宽度。

我已将其放入 fiddle ( http://jsfiddle.net/8LfsW/ ) 并且“内容容器”设置了宽度以模拟在大屏幕上查看它。您会看到“mag-details”容器比其中的内容大得多。

现场使用的 .content-main 样式是:

.content-container{
    font-family:"helvetica neue",helvetica,arial;
    margin:auto;
    margin-top:20px;
}

和杂志细节风格

#mag-details{
    margin:auto;
    background:#FCFCFC;
    border:1px solid #CCCCCC;
    border-radius:8px;
    max-width:1200px;
    box-shadow:1px 1px 2px #CCCCCC;
}

如果有人可以建议我如何以及是否可能将 mag-details 容器的大小调整为其中内容的大小，将不胜感激。非常感谢!

Answer 1

将父级更改为

display: inline-block;

http://jsfiddle.net/HT46H/