Wie kann ich ein Div nicht größer als sein Inhalt machen?

Question

Ich habe ein ähnliches Layout:

<div>
    <table>
    </table>
</div>

Ich möchte, dass die div nur so weit ausdehnen, wie mein table wird.

Answer 1

Es scheint, dass diese Frage 13 Jahre alt ist.

.div{
display:inline-block;
}

o

.div{
display:inline-flex;
}

würde heutzutage ohne Kompatibilitätsprobleme funktionieren.

Answer 2

Dies scheint bei mir in allen Browsern gut zu funktionieren. Das Beispiel ist eine aktuelle Anzeige, die ich online und im Newsletter verwende. Ändern Sie einfach den Inhalt des Divs. Es wird angepasst und Shrinkwrap mit der Menge der Polsterung Sie angeben.

<div style="float:left; border: 3px ridge red; background: aqua; padding:12px">
    <font color=red size=4>Need to fix a birth certificate? Learn <a href="http://www.example.com">Photoshop in a Day</a>!
    </font>
</div>

Answer 3

Sie können verwenden height: 100% und Breite für Ihre Wahl. Dadurch wird das Div nicht größer als sein Inhalt.