用浏览器f12看到的div和ul中的空白处是ul的padding-left的值,所以就直接设置“padding:0;”或者“padding-left:0;”就行了。
这种问题,你可以在浏览器中f12看一下开发者模式,选中div、ul或者li元素,查看div和ul或者li中的空白是个什么东西。浏览器f12是个便于调试好东西。
*{margin:0;padding:0;} /*解决浏览器对margin padding解析不一致;*/
ul{list-style:none;} /*设置ul的list-style属性为none;*/
放在你样式的最前面就可以了。
div { padding: 0; }
ul,li{padding:0;margin:0;}
你还可以加
float 属性
div { float:left; width: 300px; padding: 0; }
ul,li{float:left; width: 300px; padding:0;margin:0;}
其他美化根据你的情况来就可以了,例如给LI加背景!
ul,li{padding:0;margin:0;}
我也不知道 我都用p align了 float不能用