2

我已经构建了一个简单的响应式菜单,默认情况下是垂直布局的,但如果分辨率大于 400 像素,我会水平布局。

在垂直方向上,我只是简单地使用anddisplay: block来做水平版本(因为我希望它们到达包装纸的边缘)。float: left:first-childfloat: right:last-child

如果您以足够宽的分辨率检查小提琴,您应该会看到三个水平放置的红色框。调整 iframe 的大小,它们应该更改为垂直布局。现在,这是我的问题,当您将 iframe 调整回水平布局时,:last-child菜单项将无法在 Ubuntu 12.10 下的 Chrome 版本 26.0.1410.63 中正确呈现(我没有尝试过其他版本的 Chrome),它可以正常工作火狐虽然。

http://jsfiddle.net/G2h9U/

这对我来说似乎是一个 Chrome 错误,但有没有人遇到过同样的情况并且有解决方法吗?

4

1 回答 1

2

看起来 Chrome 的问题已经存在了一段时间。

https://bugs.webkit.org/show_bug.cgi?id=53166

另一个有同样问题的堆垛机。

Webkit 浮动和显示

于 2013-04-15T23:08:04.140 回答