向 GitHub 致敬，但为什么这个 DIV 的 css 属性要向左偏移？

This topic created in 2749 days ago, the information mentioned may be changed or developed.

为了向 GitHub 致敬，把页面中的背景图换成了方格的样式。

在页面底部，模仿 GitHub contributions 的格式做了一个：（参考网上的例子）

但是为什么 div graph_github_jcjc，要向左偏移： -35px 才能对齐呢？

具体的页面： http://www.CuoBieZi.net

页面中对应的具体代码：

.graph_github_jcjc {
padding-left: -35px;
margin-left: -35px;
}

如果不写向做偏移，这个会向右偏移 35px。

提前谢谢大家 :-)

偏移

GitHub

页面

div

2 replies • 2018-11-07 17:16:21 +08:00

phpcxy

Nov 7, 2018

ul 的默认缩进，建议你样式 reset 下啦~

witcat

Nov 7, 2018

把.squares 设置成 padding:0;也可以