如何让父级被子级撑起来？子级设定宽度。

<div class="box">
    <img src="image/1.jpg" height="" width="200" alt="">
    <img src="image/2.jpg" height="" width="350" alt="">
    <img src="image/3.jpg" height="" width="450" alt="">
    <img src="image/4.jpg" height="" width="625" alt="">
</div>

如上面代码如果算出宽度总和再给.box设定一个宽度也可以，但是如果要修改img宽度，那么.box也要修改宽度，太麻烦了，有没有什么方法可以让.box自己被img撑起来，用js方法也行，当然html+css就能解决更好。

---

给.box加一个display: inline-block;，使其变为行内级元素。