為什么我的這個(gè)練習(xí)代碼里，li 元素中間會(huì)多出來一部分空隙。這個(gè)是如何產(chǎn)生的呢？

這個(gè)空隙如何取消掉呢？

截圖

http://take.ms/8NHKB

練習(xí)代碼

codepen

zozorz

2016-04-18

源自：十天精通CSS3 5-5

關(guān)注問題我要回答

1263

操作

收起

3 回答

慕斯9627782
2016-06-06

第一個(gè)<li>會(huì)相對(duì)<ul>縮進(jìn)一定的像素，是<li>自帶的<padding>屬性。所以一般寫網(wǎng)頁的時(shí)候，會(huì)在先初始化樣式，最簡單的就是在CSS里面先寫一個(gè)*{margin:0;padding:0;}

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

勇敢的心9
2016-04-20

你設(shè)置的這個(gè)::before 產(chǎn)生的效果，在盒子之間造成間隙

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

zozorz 提問者

是的，通過 ::before添加元素進(jìn)去后產(chǎn)生了間距。但這個(gè)是因?yàn)樵氐?margin 造成的嗎？還有一個(gè)沒搞懂的是before 的css 中已經(jīng)設(shè)置了 position:absolute。理論上應(yīng)該不會(huì)由于 margin 影響到兩邊的 li 才是

2016-04-22 回復(fù) 有任何疑惑可以回復(fù)我~