• <span id="pncut"><sup id="pncut"><object id="pncut"></object></sup></span>
    <span id="pncut"><output id="pncut"></output></span>
  • <strong id="pncut"></strong>
    <optgroup id="pncut"></optgroup>
    <strong id="pncut"><blockquote id="pncut"></blockquote></strong>
    7×24小時咨詢熱線: 18035619101

    css樣式之inline-block元素

     發布日期:2013/10/7 來源:http://www.1fast5.com
     

    如下圖,為什么和設為inline-block元素平級的浮動元素會掉下來?


    這個問題其實是這樣的,題主沒有表述清楚:

    第一張圖,div.float在右邊,是因為你的ul沒有清除內部li浮動的影響,ul本身的高度沒有撐開,所以,雖然ul的寬度是占整行的,但是高度為0,這時候div.float會按照ul的高度為頂部對齊向左浮動,被浮動的li元素卡住了位置,所以顯示在右側, 你可以給ul手動設定一個高度(比如20px),可以更清晰的看清狀態,這是正常的情況


    設置ul為inline-block以后,ul本身變成了一個行內塊,不再占據整行,高度也撐開了,而且因為ul不是浮動元素,所以div.float會浮動到ul左側,這也是正常的情況


    至于你說的給ul設置了inline-block以后,div.float會掉下來,一般情況下是不會出現這種狀況的,除非是外部容器整體寬度不夠,浮動元素會換行排列,那么為什么沒設置inline-block的時候寬度是夠的呢? 可能是因為inline-block元素產生的多余空白間隙,正好導致超出了外部容器的寬度。

    相關新聞

    七年的用心服務讓我們贏得了眾多客戶的尊重和贊譽,也讓我們更加貼近客戶,了解客戶!
    18035619101
    制服丝袜人妻在线无码
  • <span id="pncut"><sup id="pncut"><object id="pncut"></object></sup></span>
    <span id="pncut"><output id="pncut"></output></span>
  • <strong id="pncut"></strong>
    <optgroup id="pncut"></optgroup>
    <strong id="pncut"><blockquote id="pncut"></blockquote></strong>