1

我div在 Firefox 和 Chrome 中如何对齐时遇到了这个问题。我需要两个div宽度未定义的 s 在包装中并排div。这个想法是产生一个充满内容的长滚动条。

我遇到的问题是，在 Firefox 22.0 中，divs 最终会堆叠，而在 Chrome 28.0 中它工作正常。这是问题的两个屏幕截图。

火狐

图片

铬合金

图片

这是 Firefox 的怪癖吗？这是一个可以通过 a displayorclear属性解决的问题吗？

4

3 回答 3

2

display: inline-block;您可以使用with而不是将元素浮动到左侧white-space: nowrap;

演示

#wrapper {
    display: inline-block;
    border:2px solid red;
    white-space:nowrap;
    overflow:hidden;
}
#images {
    height:200px;
    border:4px solid blue;
    display: inline-block;
    overflow:hidden;
}
#thumbs {
    height:100px;
    border:4px solid green;
    display: inline-block;
}
于 2013-08-09T05:50:29.650 回答
0

而不是在子 div 样式类中float: left使用display: inline-block;和使用。vertical-align-top

于 2013-08-09T06:05:33.207 回答
0

另外，您可以使用垂直对齐：顶部到图像属性将图像对齐到 div 容器的顶部

于 2013-08-09T06:06:35.483 回答