Css 制作浮动在屏幕中心的固定宽度矩形

下面的CSS代码创建了一个宽度可变的矩形，始终距浏览器左边缘250像素，距浏览器右边缘30像素

如何创建一个固定宽度1000像素的矩形，在浏览器中居中（如果浏览器的宽度小于1000像素，则与屏幕左侧齐平）

提前感谢,

J.W

---

将

margin

属性设置为

0 auto

将使div居中：

div {
    width  : 500px;
    height : 100px;
    margin : 0 auto;
}

---

下面是一个JSFIDLE:

您可以使用Flexbox来实现它。您可以在这里找到一个很好的介绍：

.conatiner{
背景色：#EFEF；
显示器：flex；
证明内容：中心；
对齐项目：居中；
高度：200px；
}

居中的

您需要哪种浏览器支持？它能有一个包装袋吗？@natedavisolds只是亚马逊KindleFireSilk浏览器（昨天推出的那个）。只是开玩笑。。。我想要完整的跨浏览器功能。

div {
    width  : 500px;
    height : 100px;
    margin : 0 auto;
}