問題描述

額,問題是這樣的,w3cplus《Flexbox——快速布局神器 》里關(guān)于justify-content的示例效果,和我在code上寫的不一樣,例如,justify-content:space-between在上面那個(gè)教程的效果如圖所示

在space-between中,第一個(gè)子元素和最后一個(gè)子元素是緊貼著父元素的邊緣(其實(shí)也就是緊貼主軸的起點(diǎn)和終點(diǎn),但是我在codepen里面寫的效果卻不是這樣的,如圖所示我嘗試了好久,第一個(gè)元素總是與主軸的起點(diǎn)有間隔,請問一下大家這是怎么回事?ps:事實(shí)上,如果把我的代碼改成justify-content:flex-start也能看到我提到的問題.

問題解答

有一層 ul 的 padding 沒有去掉——請善用開發(fā)者工具。