html - display:table div with percentage width 1px bug -
the outer div
have percentage width, , inner div
's have display: tabel; width: 100%
.
the inner div
's show 1px less outer div
page widths while resizing. adds 1px line right.
https://jsfiddle.net/afelixj/utcswlp1/1/
is there fix bug?
this seems specific webkit bug : https://bugs.webkit.org/show_bug.cgi?id=140371
the width of display:table-*
element not calculated when contained in parent width
not defined absolute unit. can see issue in action here: @ right side of red elements
you can fix issue in 2 different ways
- you define width of parent element absolute unit or
- you apply
display: table
container element. doesn't solve bug should not noticeable anymore (because affect parent element).
Comments
Post a Comment