我正在构建一个基于 960 Grid System 的布局.我喜欢固定 (px) 版本，但想使用流动 (%) 版本并在其周围包裹一个固定大小的 div。
问题是这不适用于所有浏览器:
- FF 7:作品
- IE6 - 9:有效
- Chrome:糟透了
- Safari:糟透了
- iPad/iPhone:很烂
- 歌剧:糟透了
为了明白我的意思，我制作了一个 small page .单击切换按钮更改为相对。它应该看起来一样，但不是 :(
有什么想法吗？
最佳答案
看起来有舍入问题(边距似乎是 4px 而不是 5)。
另一个提示:您在 DIV 之间打印 %20，这通常在 block 元素之间被忽略，但在内联元素之间则不会。
将边距设置为 0.6% 并删除空格。
关于css - 960 网格系统的奇怪行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7736577/