5

我很好奇是否有针对我遇到的问题的简单 CSS 修复。看起来 Firefox/OSX 在确定容器宽度时包括其滚动条的宽度，并且没有正确对齐内容（http://d.pr/i/fACK）。Chrome/OSX 正在按我希望的那样工作，并忽略滚动条的宽度，并正确对齐内容（http://d.pr/i/q02g）。我尝试了一些诸如 box-sizing 之类的东西，但没有运气。

我创建了一个 JS Fiddle，您可以在其中查看 Chrome/Safari 和 Firefox 上的问题。

http://jsfiddle.net/jHVMU/2/

#container{
    width:600px;
}

#content{
    max-height: 300px;
    overflow: auto;
    padding: 0;
}

#content ul{
    list-style:none;
    margin:0;
    padding: 30px 50px;
}

#content ul li{
    width:30%;
    margin:0 5% 15px 0;
    height:150px;
    background:#000;
    float:left;
}

#content ul li:nth-child(3n) {
    margin-right: 0;
}
4

1 回答 1

0

我有这个问题。使用此解决方案 => http://css-tricks.com/eliminate-jumps-in-horizo​​ntal-centering-by-forcing- a-scroll-bar/

于 2013-05-21T10:11:03.223 回答