Elemente, deren Breite mit shrink-to-fit berechnet wird (inline-block-Elemente, absPos, fixPos, floats und Tabellenzellen die ein Element mit intrinsic width enthalten (Eingabefelder, Bilder) werden nicht schmaler als die intrinsic width dieser Elemente, wenn diese eine kleinere max-width besitzen.
Scheint doch zu funktionieren:
<!DOCTYPE html>
<div style="float: left; max-width: 100px; background-color: #faa;">aaa<br><input style="width: 200px;"><br>aaa</div>
<div style="background-color: blue;">bbb<br>bbb<br>bbb<br>bbb</div>
<div style="display: inline-block; max-width: 100px; background-color: #faa; vertical-align: top;">ccc<br><input style="width: 200px;"><br>ccc</div>ddd
Oder habe ich etwas übersehen?
Mathias