浮動模型與display:inline的區別
浮動模型
塊狀元素這么霸道都是獨占一行，如果現在我們想讓兩個塊狀元素并排顯示，怎么辦呢？不要著急，設置元素浮動就可以實現這一愿望。
———————————————————————————————————————
如果我利用display:inline把行級標簽是不是也可以實現塊級標簽并列。突然想到一個問題如果利用display轉換，那么比如一個ul標簽里面再也不能嵌套一個ul標簽了同時也不能設定邊距了是不是這樣？
幻滅丶
2015-12-27
1 回答
舉報
0/150
提交
取消
2015-12-27
直接百度的，湊活著看吧：
原答案http://zhidao.baidu.com/question/253828906.html ?附原答案：
設了float:left的元素允許它的右邊存在任何元素同行顯示，不論是內聯元素還是塊元素。但它的左邊還是不允許存在任何元素與之同行顯示，哪怕其它的元素的代碼在前，除非也給前面的元素加上float:left后，才允許同行顯示。
設了display:inline的元素，允許它的前后存在其它的內聯元素同行顯示。關于代碼在其前面的塊元素之同行顯示，則要讓前面的元素浮動（不管是左還是右浮動）或設為display:inline，還有代碼在后面的是塊元素（管它有沒有浮動，是左浮動還是右浮動），均不能與之同行，除非設為display:inline。
另外，給塊級元素設上display:inline是解決有名的IE6中雙倍浮動的利器。