FAQ: Sizing Elements - Percentages: Height & Width

This community-built FAQ covers the “Percentages: Height & Width” exercise from the lesson “Sizing Elements”.

Paths and Courses
This exercise can be found in the following Codecademy content:

Web Development

Learn Responsive Design

FAQs on the exercise Percentages: Height & Width

There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply (reply) below.

If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.

Join the Discussion. Help a fellow learner on their journey.

Ask or answer a question about this exercise by clicking reply (reply) below!

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources? Head here.

Looking for motivation to keep learning? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account or billing? Reach out to our customer support team!

None of the above? Find out where to ask other questions here!

Why did the post section of the html overflow its parent(blog)?

1 Like

It seems that setting height and width in pixels rather than % is going to cause problems on different devices displays etc. Is there ever a time when you should use pixels or is it recommended to always use percentage for width and height?

Same question. If there’s seemingly no padding/margin/border, why would it overflow when you’re setting it to a % of the parent?

Same question I was using box-sizing:border-box and I had 2 divs next to each other
div 1 has width: 100px
div 2 has width: 100%
with both using float left but for some reason div 2 always shows under div 1 instead of next to div 1 and filling it in. What do I do? (div 1 has a border of 1px solid)

Hi @cssplayer91911 :slight_smile:
Have you set display: inline-block in CSS?