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.

enter image description here

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

enter image description here


you can fix issue in 2 different ways

  1. you define width of parent element absolute unit or
  2. you apply display: table container element. doesn't solve bug should not noticeable anymore (because affect parent element).

Comments

Popular posts from this blog

qt - Using float or double for own QML classes -

Create Outlook appointment via C# .Net -

ios - Swift Array Resetting Itself -