From 73b995308408cb4dd6591ac8cd08cc50ddb0c6ee Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Tue, 22 Mar 2016 17:21:50 +0800
Subject: [PATCH] refactor: update Marks style algorithm

---
 src/Marks.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Marks.jsx b/src/Marks.jsx
index 100c6dd..76ac937 100644
--- a/src/Marks.jsx
+++ b/src/Marks.jsx
@@ -16,8 +16,11 @@ const Marks = ({className, marks, included, upperBound, lowerBound, max, min}) =
       [className + '-text-active']: isActived,
     });
 
-    const style = { width: markWidth + '%' };
-    style.left = (point - min) / range * 100 - markWidth / 2 + '%';
+    const style = {
+      width: markWidth + '%',
+      marginLeft: -markWidth / 2 + '%',
+    };
+    style.left = (point - min) / range * 100 + '%';
 
     const markPoint = marks[point];
     const markPointIsObject = typeof markPoint === 'object' &&