Is it really impossible to make a div fit its size to its content?

html size width
Gabriele Cirulli picture Gabriele Cirulli · May 5, 2011 · Viewed 131.1k times · Source

I'd like to clarify whether it's possible or not to make a div fit its size based on the content's size without having to make elements float or having to make their position absolute. Is it possible?

Answer

Robert Koritnik picture Robert Koritnik · May 5, 2011

CSS display setting

It is of course possible - JSFiddle proof of concept where you can see all three possible solutions:

  • display: inline-block - this is the one you're not aware of

  • position: absolute

  • float: left/right

Related questions

How do you stretch an image to fill a <div> while keeping the image's aspect-ratio?

I need to make this image stretch to the maximum size possible without overflowing it's <div> or skewing the image. I can't predict the aspect-ratio of the image, so there's no way to know whether to use: <…

Read More
Fit website background image to screen size

I'm just starting on a website and I already encounter a small problem where I can't find a specific solution to. I wanted to make my website background fit any screen size in width, height does not matter. This is …

Read More
Size of font in CSS with slash

What does the slash mean here: font: 100%/120%;

Read More