HTML会动态增加div的宽度

Question

你好，

我正在尝试根据div内部的子元素宽度自动增加/减少div的宽度。但是，里面的元素总是溢出div，好像它们是独立的元素。

    <div id='item_stats_info'>
        <div id='item_name'> Name </div>
        <div id='item_attr1'> Attribute </div>
        <div id='item_req_lvl'> Level X</div>
        <div id='item_buy_cost'> 
            <div> 
                4000000 <img src="path_to_img"> 
                 10 <img src="path_to_img"> 
             </div> 
        </div>
    </div>

在此处查看更多信息：

Fiddle

任何人都可以帮我吗？

Answer 1

在您的css中，移除width: 90px;并添加float: left;

Answer 2

在你的css中替换它：

div#item_stats_info {
        background-color: rgba(41, 53, 59, 0.4);
        border: 1px solid #000;
        color: black;
        float: left;
        min-height: 100px;
        min-width: 80px;
        opacity: 1;
        padding-top: 2px;
        position: relative;
        text-align: left;
        /*width: 90px;*/
        z-index: 25;
    }