前面的空白 其實這段空白叫做"縮進",明白是縮進之後,在網上能搜到一堆處理的方法!
使用firebug調試了很久,這段空白明明沒有對應的樣式控制啊,把margin-left設置成0px也沒用。後來反應過來,原來是縮進,據此搜索到解決辦法,直接解決:
1
ul,li{ margin:0; padding:0; list-style:none; }
li { display:inline }
2
去掉ul下li前面的點,代碼:
ul{
list-style-type:none;
width:auto;
margin:0 auto;
}