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