Html 100%宽度分割中的中心分割

这就是我所拥有的：

分区箱{
宽度：400px；
高度：200px；
浮动：左；
}

当页面被调整大小时，我希望2000 px div的内容保持中心，所以黄色div总是在屏幕中间。

---

仅使用css是否可以做到这一点？

put

margin:auto到您的2000px分区
放入
边距：自动到您的2000px分区

<div style="width:100%; height:200px; overflow:hidden;">
    <div style="width:2000px; height:200px;position: relative; left: 50%; margin-left: -1000px">
        <div style="width:400px; height:200px; float:left; background:red;"></div>
        <div style="width:400px; height:200px; float:left; background:blue;"></div>
        <div style="width:400px; height:200px; float:left; background:yellow;"></div>
        <div style="width:400px; height:200px; float:left; background:orange;"></div>
        <div style="width:400px; height:200px; float:left; background:black;"></div>
    </div>
</div>​

​


​

如果父div的宽度小于2kpx，这将不起作用；如果父div的宽度小于2kpx，这将不起作用；您正在使用
宽度：100%；溢出：隐藏
对于父div，并应用子div的
固定px
值，溢出和隐藏的子div有什么用途？您应该删除它们或为您正在使用的子div使用%值
width:100%；溢出：隐藏
对于父div，并应用子div的
固定px
值，溢出和隐藏的子div有什么用途？您应该删除它们，或者也为您的子div使用%值
<div style="width:100%; height:200px; overflow:hidden;">
    <div style="width:2000px; height:200px;position: relative; left: 50%; margin-left: -1000px">
        <div style="width:400px; height:200px; float:left; background:red;"></div>
        <div style="width:400px; height:200px; float:left; background:blue;"></div>
        <div style="width:400px; height:200px; float:left; background:yellow;"></div>
        <div style="width:400px; height:200px; float:left; background:orange;"></div>
        <div style="width:400px; height:200px; float:left; background:black;"></div>
    </div>
</div>​