亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

display: inline和float: left; 用在一起的目的不太懂，display: inline;貌似是多余的。

正在回答

10 回答

是為了解決ie6的雙margin bug吧

3 回復 有任何疑惑可以回復我~

個人感覺使用display:inline-block;float:left;更好些吧。

0 回復 有任何疑惑可以回復我~

IE6瀏覽器不兼容 浮動會出現雙margin

0 回復 有任何疑惑可以回復我~

float:left;display:inline;可以解決雙倍問題，可是IE6 的雙bug問題出現的前提什么，這種情況怎么會出現雙倍間距問題呢？

2 回復 有任何疑惑可以回復我~
#1

即興の靈感

前提是浮動方向跟外邊距方向相反，所以才有使用負邊距解決雙倍邊距問題的辦法
2014-07-28 回復 有任何疑惑可以回復我~

是為了解決ie6的雙margin bug

0 回復 有任何疑惑可以回復我~

行元素浮動之后就相當與塊狀元素了，沒有必要再設置display:block

0 回復 有任何疑惑可以回復我~

所以正確應該是: li{ display:block; width:30px; height:24px; float:left; }

0 回復 有任何疑惑可以回復我~

display:inline;是把元素變成內聯元素，而<i>標簽本身就是內聯元素，內聯元素設置width,height是無效的，所以課程中應該是弄錯了，目的應該是為了給<i>標簽加上width,height值，把<i>變成塊及元素，塊級元素是會獨占一行的，所以又給加上了個float:left;屬性讓<i>標簽跳出文檔流。

2 回復 有任何疑惑可以回復我~

有一種是為了IE兼容所使用的hack

0 回復 有任何疑惑可以回復我~

關于display:inline和float:left:的區別，詳看wiki。

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號