浮動(dòng)模型與display:inline的區(qū)別
浮動(dòng)模型
塊狀元素這么霸道都是獨(dú)占一行,如果現(xiàn)在我們想讓兩個(gè)塊狀元素并排顯示,怎么辦呢?不要著急,設(shè)置元素浮動(dòng)就可以實(shí)現(xiàn)這一愿望。
———————————————————————————————————————
如果我利用display:inline把行級(jí)標(biāo)簽是不是也可以實(shí)現(xiàn)塊級(jí)標(biāo)簽并列。突然想到一個(gè)問題如果利用display轉(zhuǎn)換,那么比如一個(gè)ul標(biāo)簽里面再也不能嵌套一個(gè)ul標(biāo)簽了同時(shí)也不能設(shè)定邊距了是不是這樣?
2015-12-27
直接百度的,湊活著看吧:
原答案http://zhidao.baidu.com/question/253828906.html ?附原答案:
設(shè)了float:left的元素允許它的右邊存在任何元素同行顯示,不論是內(nèi)聯(lián)元素還是塊元素。但它的左邊還是不允許存在任何元素與之同行顯示,哪怕其它的元素的代碼在前,除非也給前面的元素加上float:left后,才允許同行顯示。
設(shè)了display:inline的元素,允許它的前后存在其它的內(nèi)聯(lián)元素同行顯示。關(guān)于代碼在其前面的塊元素之同行顯示,則要讓前面的元素浮動(dòng)(不管是左還是右浮動(dòng))或設(shè)為display:inline,還有代碼在后面的是塊元素(管它有沒有浮動(dòng),是左浮動(dòng)還是右浮動(dòng)),均不能與之同行,除非設(shè)為display:inline。
另外,給塊級(jí)元素設(shè)上display:inline是解決有名的IE6中雙倍浮動(dòng)的利器。