已解决，舍弃定位标签改用左浮动，不知道后面会不会出问题，仅供参考

我是这样理解的，width,height是content的宽高，不设置padding的话，content会贴在左上角，你可以试试

检查一下init函数，id值有没有弄错

你的小格子出来了吗，还是不会

怎么控制呀

position: absolute;

.grid-cell{

    width: 100px;

    height: 100px;

    border-radius: 6px;

    background-color: #ccc0b3;

    position: absolute;

}

类选择器前的.加了吗

我的只有最大的那个格子

grid-container 的position:relative;  left:0; top:0;这样就可以了

没有代码我怎么帮你解答

是思维导图类的,劝你别搞了,很麻烦

flex在布局中确实很方便

原来是自己css文件里面.grid写成了.grad，还有index.html引入jQuery的script的type写成了javascript，本应该是text/javascript

楼上争取，console.log()方法调试就能看出来都在一起了

http://jquery.com/download/

想问一下，搞定了么o(╥﹏╥)o，求助

你在IE运行时会提示是否运行脚本，运行脚本就可以了

我最开始也只有一个格子，后来，我把那个for循环后面的 { } 都加上就好了

var gridCell = $('#grid-cell-' + i + '-' + j);

这一行的引号有没有错误？

你是不是外面的容器div没有加 position:relative  ?  要设置相对定位的

你在html中设置grid-cell的position属性值为absolute，但是没有在js里设置他们的位置，所以重叠了。

打开审查元素，你会看到有16个格子的

多谢！

把JQury的文件放在最前面

尝试把script的代码放到</body>的前面，然后注意导入顺序是先jquery，再是support，再是main，应该就可以了