Flot select 区域在 IE 居中页面

Question

如果我尝试通过添加以下样式规则使我的页面居中

html, body {
    margin: 0 auto;
    width: 900px;
}

Flot 在 FireFox 和 Chrome 上运行良好，但在 IE 11 上，当我在屏幕上显示 select 区域时，黄色标记的 selected 区域不是和鼠标一样-selected-area.

我该如何解决？

重现：取 Flot selection 样本 - http://www.flotcharts.org/flot/examples/zooming/index.html 并添加居中样式规则。

Answer 1

您尝试过将 .container 居中而不是 html 和 body 居中吗？

表单示例

CSS

html,body {
  margin:0;
  padding:0;
}
.container {
  margin: 0 auto;
  width: 900px;
}

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document Title</title>
</head>

<body>
    <div class="container">
        <!--your element place here-->
    </div>
</body>
</html>

Flot select 区域在 IE 居中页面

Flot select area on IE on centered page

css

flot