CSS列规则响应错误

时间:2016-04-19 11:52:37

标签: html css css3 css-multicolumn-layout

我正在尝试使用CSS进行3列布局,并希望有一个垂直规则来分隔列。 iframe中的这个例子是我正在寻找的,似乎工作得很完美: http://www.webdesignerdepot.com/2013/03/how-to-use-css3-columns/

问题是当从iframe中删除源html时,在调整窗口大小时规则会被放错位置: http://netdna.webdesignerdepot.com/uploads7/how-to-use-css3-columns/demo.html

这种情况发生在Chrome中。我错过了什么吗?或者有解决方法吗?

var mocha = require("/usr/local/lib/node_modules/mocha");

1 个答案:

答案 0 :(得分:0)

最有可能因为你有px而不是%,这意味着它不会在各种浏览器上发生变化。你也试图做一个2列系统,你的代码说3,所以你需要改变它。除此之外,如果没有看到其他代码,我就不会知道任何其他修复。

希望这有帮助!