css - div 不适合内容

Question

我有一个问题，当内容包含长单词时，div 不适合内容。它只需要最大宽度。

截图:

http://img687.imageshack.us/img687/3253/photondf.png

我希望 div 在没有 javaScript 的情况下采用与内容相同的宽度。

HTML

<div class="div">
    <p>fkjdajfkdjfkdjfkdfjkdfjkdfjdfdjkfkjfdkdfioiewtiovvuiocuvicxvocxvuiocxvucioxbuvbhxjk
    civuiozxviopucvicvuvjcizoxvopcxvpiovxzijpvxzicovpzvjijopcvzxpvjiocvpjzvicvzpjvci.</p>
<div>

CSS

.div {
    float: left;
    background:red;
    max-width: 900px;
}

Answer 1

究竟是什么试图让 div 做什么？您是否希望它缩小到内容的大小但不超过 900 像素？