最新回答 / Kingziqiang
你删除的部分是伪元素清除浮动的样式，上面两个盒子明显是浮动过得；如果你用伸缩布局就就不会出现这种情况解决方法在main content和sidebar content的父盒子上设置display:flex，并且justify-content:space-between;；再就是清除浮动给父盒子设置高，或者overflow:hidden;清除浮动一共有八种方法，不在一一叙述
2017-08-19
最新回答 / 爱上慕婉清6262634
你的代码里面column-gap:3em，font-size:20px;列间距应该是字体大小的三倍，也就是60px。修改下代码: column-gap:normal ,font-size:20px;这个时候你试下
2017-08-19
已采纳回答 / 心陌灬琉璃梦
① div宽度500=列宽x+列间距y，(div宽度500-列间距y) ÷ 列数3 ≈ 每列最大宽度z。在宽度500不变的情况下，自定义列宽只要≤每列最大宽度z，就能保持三列的布局；【经本人测试，最大列宽是155px】② 宽度500不变的情况下，只要自定义列宽≤每列最大宽度z，即只要自定义列宽≤155px，无论你的列宽设置是什么数值，列宽不会发生任何变化；③ 只有当div宽度或文本内容长度发生变化时，布局才会发生变化。
2017-08-19
已采纳回答 / Csunnnnn
:hover伪类是加在div元素上的（代码- div:hover span， 对div添加hover伪类，控制span的属性），div是整个大框。所以鼠标经过div块就开始动画，移出就停止。
2017-08-18
最新回答 / qq_清风徐_03895465
对的呀，他是可以省略的，像那些opacity透明度也是可以这样写的，零可以省略，不过我强迫症就不省略了
已采纳回答 / 艾零
没有给background属性加上transtion属性 不会影响hover时背景色的改变 ，只是没有过渡效果，第一时间就变成pink。 想要过渡效果可以加上 transition-property：all ；延长过渡时间后你会看到颜色会从红色慢慢的变成粉色。
已采纳回答 / 凌寒赋雪3434449
display:block;是让对象成为块级元素(比如a，span等)display有很多对象，具体可以参考http://www.w3school.com.cn/css/pr_class_display.asp一般都是用display:none和display:block来控制层的显示
2017-08-16
最新回答 / 小鱼鱼同学
display:block;是转化为块状元素，display：inline；是转化为行内元素，display：inline-block；转化为行内块元素。display：none；可以理解为隐藏效果。
2017-08-16
最新回答 / 慕仔3410257
这个是对不同浏览器的的私有属性 -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 主要还是兼容性问题
2017-08-15
已采纳回答 / 爱上慕婉清6262634
不需要相对定位，比如<div><img src="" alt=""/></div>只需要给div指定样式 div{display:flex;align-items: center; justify-content:center;}就能实现图片在div内部居中了
2017-08-14