mopig
V2EX  ›  CSS

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

  •  
  •   mopig ·
    mopig · Jul 16, 2015 · 3912 views
    This topic created in 4133 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
    ChanneW
    ChanneW
    Jul 16, 2015❤️1
    2
    clear: left
    ChanneW
    ChanneW
    Jul 16, 2015❤️1
    3
    换 flex 布局法:

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