How to make a DIV that increases in size every time you increase content?

Question

I am doing a course work, I need to do a DIV that increases in size according to the content I add. Can anyone help me?

Would it be right if in css I put like this:

height: ;

?

Aside from the value.

Answer 1

Depends, the div will increase the width or Height?

You can use this for width:

min-width: 100px;
min-width: 500px;

Or for height:

min-height: 100px;
max-height: 500px;

you set a minimum limit for this div and a maximum limit, because when you put content inside the div it will be increased to a certain limit.

Answer 2

All the div's have this behavior as default. They will adjust as needed.

What you can do, is set the minimum and maximum size, as Romario Pires commented. This will ensure you a better control of layout, without "messing up" your website.

Any other css that you define, will replace this standard behavior of div. Look at my example: http://jsfiddle.net/pz231z3L/2/

Type any text you want in textarea and observe how the div will adapt to your text. Without the need for any definition. The only thing it possesses is precisely the limit of max-width and max-height, to ensure that she does not overshoot that space and mess up the layout of the site.

Now an important remark, whether your div is not with this behavior, probably there is some property/class that is overwriting this behavior. So I recommend that you improve your question and add the specific case you want to solve.

Answer 3

you must use the properties below

height: auto;

width: auto;