mopig
V2EX  ›  CSS

浮动元素, 高度不同, 如何保证不被挡住? (有图)

  •  
  •   mopig ·
    mopig · Jul 16, 2015 · 3581 views
    This topic created in 3988 days ago, the information mentioned may be changed or developed.

    如图所示, 如何不让 5 被 3 挡住呢?

    代码:
    http://jsbin.com/dotupi/edit?html,css,js,output

    5 replies    2015-07-16 23:53:53 +08:00
    loading
        1
    loading  
       Jul 16, 2015 via Android   ❤️ 1
    ChanneW
        2
    ChanneW  
       Jul 16, 2015   ❤️ 1
    clear: left
    ChanneW
        3
    ChanneW  
       Jul 16, 2015   ❤️ 1
    换 flex 布局法:

    div.container {
    display : flex;
    flex-wrap : wrap;
    width: 200px;
    height:300px;
    background-color:yellow;
    }
    learnshare
        4
    learnshare  
       Jul 16, 2015   ❤️ 1
    Flex/ 瀑布流
    mopig
        5
    mopig  
    OP
       Jul 16, 2015
    flex 完美解决.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5668 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 03:36 · PVG 11:36 · LAX 20:36 · JFK 23:36
    ♥ Do have faith in what you're doing.