如何使div具有与其内容相同的宽度和高度？

Question

假设我有一个img元素div,如何div使用CSS使其内容具有相同的宽度和高度？

Answer 1

浮动div将使其收缩包装,因此div只能为内容提供空间.

您可能需要使用clear之后的元素.

另一种方法是使用inline-block.

Answer 2

内联块是对的.

<div style="border:1px solid red;display:inline-block">
    <img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png" alt="" style="border:1px solid green" />
</div>