css ul li 橫向排列


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

 

position用法:

position:fixed 一般用於將div固定在底部,不隨其它div元素的改變而改變


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM