因為li是塊級元素,默認占一行的,要想實現橫向排列,一般通過以下兩個方法:
float:left
這樣設置有一個問題,li浮動以后則脫離了文本流,即不占位置,如果它的父級元素有具體的樣式且沒有固定寬高,建議父元素清除浮動,或者設置固定寬高
display:inline-block
即把li變為行內元素且可以設置寬高以及邊距,這樣也有一個問題,低版本的Ie瀏覽器不兼容inline-block,建議在其后再加兩個屬性兼容低版本ie
*display:inline;
*zoom:1;
position用法:
position:fixed 一般用於將div固定在底部,不隨其它div元素的改變而改變