width-rounding.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. <!DOCTYPE HTML>
  2. <title>width rounding (bug 590417)</title>
  3. <style>
  4. p { margin: 0; background: blue }
  5. p:after { display:block; clear: left; content: "" }
  6. span { float: left; width: 30%; height: 1px }
  7. span:first-child, span:first-child + span { width: 35% }
  8. </style>
  9. <p style="width: 200.00px"><span></span><span></span><span></span></p>
  10. <p style="width: 200.01px"><span></span><span></span><span></span></p>
  11. <p style="width: 200.02px"><span></span><span></span><span></span></p>
  12. <p style="width: 200.03px"><span></span><span></span><span></span></p>
  13. <p style="width: 200.04px"><span></span><span></span><span></span></p>
  14. <p style="width: 200.05px"><span></span><span></span><span></span></p>
  15. <p style="width: 200.06px"><span></span><span></span><span></span></p>
  16. <p style="width: 200.07px"><span></span><span></span><span></span></p>
  17. <p style="width: 200.08px"><span></span><span></span><span></span></p>
  18. <p style="width: 200.09px"><span></span><span></span><span></span></p>
  19. <p style="width: 200.10px"><span></span><span></span><span></span></p>
  20. <p style="width: 200.11px"><span></span><span></span><span></span></p>
  21. <p style="width: 200.12px"><span></span><span></span><span></span></p>
  22. <p style="width: 200.13px"><span></span><span></span><span></span></p>
  23. <p style="width: 200.14px"><span></span><span></span><span></span></p>
  24. <p style="width: 200.15px"><span></span><span></span><span></span></p>
  25. <p style="width: 200.16px"><span></span><span></span><span></span></p>
  26. <p style="width: 200.17px"><span></span><span></span><span></span></p>
  27. <p style="width: 200.18px"><span></span><span></span><span></span></p>
  28. <p style="width: 200.19px"><span></span><span></span><span></span></p>
  29. <p style="width: 200.20px"><span></span><span></span><span></span></p>
  30. <p style="width: 200.21px"><span></span><span></span><span></span></p>
  31. <p style="width: 200.22px"><span></span><span></span><span></span></p>
  32. <p style="width: 200.23px"><span></span><span></span><span></span></p>
  33. <p style="width: 200.24px"><span></span><span></span><span></span></p>
  34. <p style="width: 200.25px"><span></span><span></span><span></span></p>
  35. <p style="width: 200.26px"><span></span><span></span><span></span></p>
  36. <p style="width: 200.27px"><span></span><span></span><span></span></p>
  37. <p style="width: 200.28px"><span></span><span></span><span></span></p>
  38. <p style="width: 200.29px"><span></span><span></span><span></span></p>
  39. <p style="width: 200.30px"><span></span><span></span><span></span></p>
  40. <p style="width: 200.31px"><span></span><span></span><span></span></p>
  41. <p style="width: 200.32px"><span></span><span></span><span></span></p>
  42. <p style="width: 200.33px"><span></span><span></span><span></span></p>
  43. <p style="width: 200.34px"><span></span><span></span><span></span></p>
  44. <p style="width: 200.35px"><span></span><span></span><span></span></p>
  45. <p style="width: 200.36px"><span></span><span></span><span></span></p>
  46. <p style="width: 200.37px"><span></span><span></span><span></span></p>
  47. <p style="width: 200.38px"><span></span><span></span><span></span></p>
  48. <p style="width: 200.39px"><span></span><span></span><span></span></p>
  49. <p style="width: 200.40px"><span></span><span></span><span></span></p>
  50. <p style="width: 200.41px"><span></span><span></span><span></span></p>
  51. <p style="width: 200.42px"><span></span><span></span><span></span></p>
  52. <p style="width: 200.43px"><span></span><span></span><span></span></p>
  53. <p style="width: 200.44px"><span></span><span></span><span></span></p>
  54. <p style="width: 200.45px"><span></span><span></span><span></span></p>
  55. <p style="width: 200.46px"><span></span><span></span><span></span></p>
  56. <p style="width: 200.47px"><span></span><span></span><span></span></p>
  57. <p style="width: 200.48px"><span></span><span></span><span></span></p>
  58. <p style="width: 200.49px"><span></span><span></span><span></span></p>
  59. <p style="width: 200.50px"><span></span><span></span><span></span></p>
  60. <p style="width: 200.51px"><span></span><span></span><span></span></p>
  61. <p style="width: 200.52px"><span></span><span></span><span></span></p>
  62. <p style="width: 200.53px"><span></span><span></span><span></span></p>
  63. <p style="width: 200.54px"><span></span><span></span><span></span></p>
  64. <p style="width: 200.55px"><span></span><span></span><span></span></p>
  65. <p style="width: 200.56px"><span></span><span></span><span></span></p>
  66. <p style="width: 200.57px"><span></span><span></span><span></span></p>
  67. <p style="width: 200.58px"><span></span><span></span><span></span></p>
  68. <p style="width: 200.59px"><span></span><span></span><span></span></p>
  69. <p style="width: 200.60px"><span></span><span></span><span></span></p>
  70. <p style="width: 200.61px"><span></span><span></span><span></span></p>
  71. <p style="width: 200.62px"><span></span><span></span><span></span></p>
  72. <p style="width: 200.63px"><span></span><span></span><span></span></p>
  73. <p style="width: 200.64px"><span></span><span></span><span></span></p>
  74. <p style="width: 200.65px"><span></span><span></span><span></span></p>
  75. <p style="width: 200.66px"><span></span><span></span><span></span></p>
  76. <p style="width: 200.67px"><span></span><span></span><span></span></p>
  77. <p style="width: 200.68px"><span></span><span></span><span></span></p>
  78. <p style="width: 200.69px"><span></span><span></span><span></span></p>
  79. <p style="width: 200.70px"><span></span><span></span><span></span></p>
  80. <p style="width: 200.71px"><span></span><span></span><span></span></p>
  81. <p style="width: 200.72px"><span></span><span></span><span></span></p>
  82. <p style="width: 200.73px"><span></span><span></span><span></span></p>
  83. <p style="width: 200.74px"><span></span><span></span><span></span></p>
  84. <p style="width: 200.75px"><span></span><span></span><span></span></p>
  85. <p style="width: 200.76px"><span></span><span></span><span></span></p>
  86. <p style="width: 200.77px"><span></span><span></span><span></span></p>
  87. <p style="width: 200.78px"><span></span><span></span><span></span></p>
  88. <p style="width: 200.79px"><span></span><span></span><span></span></p>
  89. <p style="width: 200.80px"><span></span><span></span><span></span></p>
  90. <p style="width: 200.81px"><span></span><span></span><span></span></p>
  91. <p style="width: 200.82px"><span></span><span></span><span></span></p>
  92. <p style="width: 200.83px"><span></span><span></span><span></span></p>
  93. <p style="width: 200.84px"><span></span><span></span><span></span></p>
  94. <p style="width: 200.85px"><span></span><span></span><span></span></p>
  95. <p style="width: 200.86px"><span></span><span></span><span></span></p>
  96. <p style="width: 200.87px"><span></span><span></span><span></span></p>
  97. <p style="width: 200.88px"><span></span><span></span><span></span></p>
  98. <p style="width: 200.89px"><span></span><span></span><span></span></p>
  99. <p style="width: 200.90px"><span></span><span></span><span></span></p>
  100. <p style="width: 200.91px"><span></span><span></span><span></span></p>
  101. <p style="width: 200.92px"><span></span><span></span><span></span></p>
  102. <p style="width: 200.93px"><span></span><span></span><span></span></p>
  103. <p style="width: 200.94px"><span></span><span></span><span></span></p>
  104. <p style="width: 200.95px"><span></span><span></span><span></span></p>
  105. <p style="width: 200.96px"><span></span><span></span><span></span></p>
  106. <p style="width: 200.97px"><span></span><span></span><span></span></p>
  107. <p style="width: 200.98px"><span></span><span></span><span></span></p>
  108. <p style="width: 200.99px"><span></span><span></span><span></span></p>
  109. <p style="width: 201.00px"><span></span><span></span><span></span></p>
  110. <p style="width: 201.01px"><span></span><span></span><span></span></p>
  111. <p style="width: 201.02px"><span></span><span></span><span></span></p>
  112. <p style="width: 201.03px"><span></span><span></span><span></span></p>
  113. <p style="width: 201.04px"><span></span><span></span><span></span></p>
  114. <p style="width: 201.05px"><span></span><span></span><span></span></p>
  115. <p style="width: 201.06px"><span></span><span></span><span></span></p>
  116. <p style="width: 201.07px"><span></span><span></span><span></span></p>
  117. <p style="width: 201.08px"><span></span><span></span><span></span></p>
  118. <p style="width: 201.09px"><span></span><span></span><span></span></p>
  119. <p style="width: 201.10px"><span></span><span></span><span></span></p>
  120. <p style="width: 201.11px"><span></span><span></span><span></span></p>
  121. <p style="width: 201.12px"><span></span><span></span><span></span></p>
  122. <p style="width: 201.13px"><span></span><span></span><span></span></p>
  123. <p style="width: 201.14px"><span></span><span></span><span></span></p>
  124. <p style="width: 201.15px"><span></span><span></span><span></span></p>
  125. <p style="width: 201.16px"><span></span><span></span><span></span></p>
  126. <p style="width: 201.17px"><span></span><span></span><span></span></p>
  127. <p style="width: 201.18px"><span></span><span></span><span></span></p>
  128. <p style="width: 201.19px"><span></span><span></span><span></span></p>
  129. <p style="width: 201.20px"><span></span><span></span><span></span></p>
  130. <p style="width: 201.21px"><span></span><span></span><span></span></p>
  131. <p style="width: 201.22px"><span></span><span></span><span></span></p>
  132. <p style="width: 201.23px"><span></span><span></span><span></span></p>
  133. <p style="width: 201.24px"><span></span><span></span><span></span></p>
  134. <p style="width: 201.25px"><span></span><span></span><span></span></p>
  135. <p style="width: 201.26px"><span></span><span></span><span></span></p>
  136. <p style="width: 201.27px"><span></span><span></span><span></span></p>
  137. <p style="width: 201.28px"><span></span><span></span><span></span></p>
  138. <p style="width: 201.29px"><span></span><span></span><span></span></p>
  139. <p style="width: 201.30px"><span></span><span></span><span></span></p>
  140. <p style="width: 201.31px"><span></span><span></span><span></span></p>
  141. <p style="width: 201.32px"><span></span><span></span><span></span></p>
  142. <p style="width: 201.33px"><span></span><span></span><span></span></p>
  143. <p style="width: 201.34px"><span></span><span></span><span></span></p>
  144. <p style="width: 201.35px"><span></span><span></span><span></span></p>
  145. <p style="width: 201.36px"><span></span><span></span><span></span></p>
  146. <p style="width: 201.37px"><span></span><span></span><span></span></p>
  147. <p style="width: 201.38px"><span></span><span></span><span></span></p>
  148. <p style="width: 201.39px"><span></span><span></span><span></span></p>
  149. <p style="width: 201.40px"><span></span><span></span><span></span></p>
  150. <p style="width: 201.41px"><span></span><span></span><span></span></p>
  151. <p style="width: 201.42px"><span></span><span></span><span></span></p>
  152. <p style="width: 201.43px"><span></span><span></span><span></span></p>
  153. <p style="width: 201.44px"><span></span><span></span><span></span></p>
  154. <p style="width: 201.45px"><span></span><span></span><span></span></p>
  155. <p style="width: 201.46px"><span></span><span></span><span></span></p>
  156. <p style="width: 201.47px"><span></span><span></span><span></span></p>
  157. <p style="width: 201.48px"><span></span><span></span><span></span></p>
  158. <p style="width: 201.49px"><span></span><span></span><span></span></p>
  159. <p style="width: 201.50px"><span></span><span></span><span></span></p>
  160. <p style="width: 201.51px"><span></span><span></span><span></span></p>
  161. <p style="width: 201.52px"><span></span><span></span><span></span></p>
  162. <p style="width: 201.53px"><span></span><span></span><span></span></p>
  163. <p style="width: 201.54px"><span></span><span></span><span></span></p>
  164. <p style="width: 201.55px"><span></span><span></span><span></span></p>
  165. <p style="width: 201.56px"><span></span><span></span><span></span></p>
  166. <p style="width: 201.57px"><span></span><span></span><span></span></p>
  167. <p style="width: 201.58px"><span></span><span></span><span></span></p>
  168. <p style="width: 201.59px"><span></span><span></span><span></span></p>
  169. <p style="width: 201.60px"><span></span><span></span><span></span></p>
  170. <p style="width: 201.61px"><span></span><span></span><span></span></p>
  171. <p style="width: 201.62px"><span></span><span></span><span></span></p>
  172. <p style="width: 201.63px"><span></span><span></span><span></span></p>
  173. <p style="width: 201.64px"><span></span><span></span><span></span></p>
  174. <p style="width: 201.65px"><span></span><span></span><span></span></p>
  175. <p style="width: 201.66px"><span></span><span></span><span></span></p>
  176. <p style="width: 201.67px"><span></span><span></span><span></span></p>
  177. <p style="width: 201.68px"><span></span><span></span><span></span></p>
  178. <p style="width: 201.69px"><span></span><span></span><span></span></p>
  179. <p style="width: 201.70px"><span></span><span></span><span></span></p>
  180. <p style="width: 201.71px"><span></span><span></span><span></span></p>
  181. <p style="width: 201.72px"><span></span><span></span><span></span></p>
  182. <p style="width: 201.73px"><span></span><span></span><span></span></p>
  183. <p style="width: 201.74px"><span></span><span></span><span></span></p>
  184. <p style="width: 201.75px"><span></span><span></span><span></span></p>
  185. <p style="width: 201.76px"><span></span><span></span><span></span></p>
  186. <p style="width: 201.77px"><span></span><span></span><span></span></p>
  187. <p style="width: 201.78px"><span></span><span></span><span></span></p>
  188. <p style="width: 201.79px"><span></span><span></span><span></span></p>
  189. <p style="width: 201.80px"><span></span><span></span><span></span></p>
  190. <p style="width: 201.81px"><span></span><span></span><span></span></p>
  191. <p style="width: 201.82px"><span></span><span></span><span></span></p>
  192. <p style="width: 201.83px"><span></span><span></span><span></span></p>
  193. <p style="width: 201.84px"><span></span><span></span><span></span></p>
  194. <p style="width: 201.85px"><span></span><span></span><span></span></p>
  195. <p style="width: 201.86px"><span></span><span></span><span></span></p>
  196. <p style="width: 201.87px"><span></span><span></span><span></span></p>
  197. <p style="width: 201.88px"><span></span><span></span><span></span></p>
  198. <p style="width: 201.89px"><span></span><span></span><span></span></p>
  199. <p style="width: 201.90px"><span></span><span></span><span></span></p>
  200. <p style="width: 201.91px"><span></span><span></span><span></span></p>
  201. <p style="width: 201.92px"><span></span><span></span><span></span></p>
  202. <p style="width: 201.93px"><span></span><span></span><span></span></p>
  203. <p style="width: 201.94px"><span></span><span></span><span></span></p>
  204. <p style="width: 201.95px"><span></span><span></span><span></span></p>
  205. <p style="width: 201.96px"><span></span><span></span><span></span></p>
  206. <p style="width: 201.97px"><span></span><span></span><span></span></p>
  207. <p style="width: 201.98px"><span></span><span></span><span></span></p>
  208. <p style="width: 201.99px"><span></span><span></span><span></span></p>