How exactly do you use percentage height correctly?

Question

When I asign width: 40%; to a div with a paragraph it works like intended, however, if I try to do it with height:50%; it just compresess to the paragraph. I Also tried with pixels and it does changes height, so I don't understand what's wrong.

Answer 1

Try adding the following to your '.box1'. At the moment you only have it in '.box1 p'.

position:absolute;

Answer 2

Can you post your code for us? Many reasons for why that could be happening. The % is based upon the parent container, rather than the page itself, so that could potentially be your problem. Again, it's hard to say without reading your code.

Answer 3

Bebida Roja to mention another user, if you type the '@' symbol it should pop up a list of names of people active on the post. You can also just start typing the name after the '@' symbol to reduce the list or start searching for others.

Answer 4

Peter Mx
position absolute means you are positioning absolutely. If left:0 then the element will be in the 0th pixel on the left. But if the parent element has position relative it will be positioned based on the parent element.

Answer 5

Good to hear. I'm still learning about css and don't know enough to explain sorry.

Answer 6

oops sorry, I was testing whit pixels and forgot to change it

Answer 7

It happens sometimes Peter Mx

Answer 8

positionn in the css is miswritten.

Answer 9

https://code.sololearn.com/WuanwVbxYoRL/?ref=app

Answer 10

I was trying to mention without the @. Now its all good. Thank you Sololearners ;)

Answer 11

Duncan it worked! thanks! But mind telling me what position absolute did? I really sant to know

Answer 12

Its all about the better of us (Y)
Peter Mx

Answer 13

A good check is to check if margin and padding are on 0.

Answer 14

https://code.sololearn.com/WuanwVbxYoRL/?ref=app

Answer 15

Did you found anything I missed?

Answer 16

Fata1 Err0r

50% of the parent element.

Answer 17

Off topic. How to cite some user? its not working for me and I have the last version.

Answer 18

For me it doesnt change, maybe is a problem with my device?

Answer 19

Sololearn compiler is the same for all of us.

Answer 20

I tried with only one div and I deleted the paragraph bit it still compresess