如何居中对齐大于整个页面100%的元素？

Question

我有一个100%的div宽度和隐藏的溢出,持有一个宽度为3000px的div.我希望3000px div在左右均匀切断.我会使用background-position:center; 然而,它比那更复杂.3000px div拥有30个100px div.我尝试在3000px div的左侧和右侧使用自动边距,但它不起作用.这是css:

.bgAnimHolder{
    width:100%;
    height:500px;
    overflow:hidden;
    position:absolute;
    z-index:1;
    top:0px;
}

.row{
    margin: 0 auto 0 auto;
    height:500px;
    width:3000px;
}

.row div{
    width:100px;
    float:left;
    margin-top:0px;
}

无论屏幕分辨率如何,如何将3000px div安排在屏幕中间？我愿意使用CSS或JavaScript,以解决问题为准.谢谢!

Answer 1

你可以用css做到这一点:

.row {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1500px; /* half of the width */
    height: 500px;
}

只要保证父母有一个position: absolute/relative就可以了