时这个外层div 上下为什么出现空白

一般li与ul或者ol同用，因为ul或li其中设置的padding与margin； 修改方式：修改css文件代码如下： ul,ol,li{ margin:0;/*设置外补白为0*/ padding:0;/*设置内补白为0*/ }