CSS parent element height is rounded wrong if child height is fractional

Question

So, I have a little list of <li> elements with height like 60.78px, and parent <ul> element takes exact 60px height, that causes child element to overflow.

However, if <div> have fractional height, parent <div> element will have right height.

What should I do to fix <ul> element height to fractional?

Can you please post a working fiddle of your code? – Sam Chahine Oct 16 '15 at 16:31 — Sam Chahine, Oct 16 '15 at 16:31
I will try to attach it later – KazeZlat Oct 16 '15 at 17:17 — KazeZlat, Oct 16 '15 at 17:17

score 0 · Answer 1 · edited May 23 '17 at 10:27

0

In this post there's a very nice explanation as to what happens to decimal pixel values.

edited May 23 '17 at 10:27

Community

1
1

answered Oct 16 '15 at 16:36

Mike Donkers

3,589
2
21
34

it is not about displaying, it is about wrong calculating, where child element is bigger than its parent somehow – KazeZlat Oct 16 '15 at 17:15

CSS parent element height is rounded wrong if child height is fractional

1 Answers1