Невже неможливо зробити div, що відповідає його розміру відповідно до його вмісту?

Я хотів би пояснити, чи можна зробити div відповідно до його розміру, виходячи з розміру вмісту без необхідності змушувати елементи плавати або робити абсолютне їх положення. Це можливо?

displayНалаштування CSS

Звичайно, це можливо - JSFiddle доказ концепції, де ви можете побачити всі три можливі рішення:

• display: inline-block- це той, про кого ви не знаєте

• position: absolute

• float: left/right

Можна використовувати display: inline-block.

Ви можете використовувати:

width: -webkit-fit-content;
height: -webkit-fit-content;
width: -moz-fit-content;
height: -moz-fit-content;

РЕДАГУВАТИ: Ні. Див. Http://red-team-design.com/horizontal-centering-using-css-fit-content-value/

ТАКОЖ: http://dev.w3.org/csswg/css-box-3/

Ви також можете використовувати

перерва слів: перерва всіх;

коли ніщо, здається, не працює, це працює завжди;)

він добре працює на Edge та Chrome:

  width: fit-content;
  height: fit-content;