Question

css中display: block;问题

.nav-links li {
display: block;
float: left;
list-style-type: none;
}
问题，为什么要设置成display: block;？

Answer 1

一般情况下，块元素的dispaly属性默认值为block，没必要再显式定义；
如果要加定义，那么就是要考虑布局中是否会设置某种隐藏的样式或者或者JS；
从你发出来的样式来看，这个应该可能是一个隐藏式的下拉菜单导航的一部分，注释一下display: block;可能是防止这个块也被隐藏了

还有一个原因就是div如果不定义宽高的话，只有里面有文字、图片时才会撑大；加上display：block默认就会撑大显示出来

Answer 2

Vue实践-CSS样式position/display/float属性对比使用

Answer 3

block是块级元素 其实我个人觉得li的话 不设置block也是可以的 加block应该是另起一行