課程
/前端開發
/HTML/CSS
/CSS Sprite雪碧圖應用
display: inline和float: left; 用在一起的目的不太懂，display: inline;貌似是多余的。
2014-05-03
源自：CSS Sprite雪碧圖應用 3-3
正在回答
是為了解決ie6的雙margin bug吧
個人感覺使用display:inline-block;float:left;更好些吧。
IE6瀏覽器不兼容 浮動會出現雙margin
float:left;display:inline;可以解決雙倍問題，可是IE6 的雙bug問題出現的前提什么，這種情況怎么會出現雙倍間距問題呢？
即興の靈感
是為了解決ie6的雙margin bug
行元素浮動之后就相當與塊狀元素了，沒有必要再設置display:block
所以正確應該是: li{ display:block; width:30px; height:24px; float:left; }
display:inline;是把元素變成內聯元素，而<i>標簽本身就是內聯元素，內聯元素設置width,height是無效的，所以課程中應該是弄錯了，目的應該是為了給<i>標簽加上width,height值，把<i>變成塊及元素，塊級元素是會獨占一行的，所以又給加上了個float:left;屬性讓<i>標簽跳出文檔流。
有一種是為了IE兼容所使用的hack
關于display:inline和float:left:的區別，詳看wiki。
舉報
必學的大型網站實用技術，讓你快速掌握CSS Sprite雪碧圖技術
5 回答這里防止內容溢出為什么要寫overflow？
4 回答不能理解，是書寫錯誤，還是理解錯誤？
1 回答Unknown propery name
3 回答使用placeholder內容居中光標也居中了
1 回答<i>標簽怎么變icon了！不是斜體嗎？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2014-05-13
是為了解決ie6的雙margin bug吧
2014-07-15
個人感覺使用display:inline-block;float:left;更好些吧。
2014-06-15
IE6瀏覽器不兼容 浮動會出現雙margin
2014-06-06
float:left;display:inline;可以解決雙倍問題，可是IE6 的雙bug問題出現的前提什么，這種情況怎么會出現雙倍間距問題呢？
2014-05-23
是為了解決ie6的雙margin bug
2014-05-22
行元素浮動之后就相當與塊狀元素了，沒有必要再設置display:block
2014-05-22
所以正確應該是: li{ display:block; width:30px; height:24px; float:left; }
2014-05-22
display:inline;是把元素變成內聯元素，而<i>標簽本身就是內聯元素，內聯元素設置width,height是無效的，所以課程中應該是弄錯了，目的應該是為了給<i>標簽加上width,height值，把<i>變成塊及元素，塊級元素是會獨占一行的，所以又給加上了個float:left;屬性讓<i>標簽跳出文檔流。
2014-05-12
有一種是為了IE兼容所使用的hack
2014-05-04
關于display:inline和float:left:的區別，詳看wiki。