在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ css中子元素怎樣撐滿父元素(在父元素也為百分比的情況下)

css中子元素怎樣撐滿父元素(在父元素也為百分比的情況下)

圖片描述
如圖,當(dāng)子一行中其中一個div高度變大時,怎么讓其他div跟隨這個div的高度也變大。

貼一段css代碼

.listTr {
      height: 100%; //當(dāng)這里設(shè)置成具體高度時,其他的小div可以撐滿,但是百分比就不行。
      position: relative;
      background-color: white;
      @wid: calc(~"100% - 115px");
      width: calc(~"@{wid} / 7");
      display: inline-block;
      vertical-align: middle;
      div {
        height: 100%;
        padding: 5px 0 10px 10px;
        min-height: 75px;
        span {
          background-color: #408ee6;
          width: calc(~"50% - 10px");
          margin-right: 10px;
          margin-top: 5px;
          display: inline-block;
          color: white;
          text-align: center;
          font-family: PingFangSC-Regular;
          font-size: 14px;
          border-radius: 6px;
          height: 36px;
          line-height: 36px;
        }
      }
    }

本人css比較水,求教有沒有純css的方法可以做到,謝謝~

回答
編輯回答
不討喜

使用 display table 即可解決

2018年3月25日 19:28
編輯回答
風(fēng)畔

應(yīng)該用js控制吧,css動態(tài)改變樣式有些力不從心

2017年3月23日 21:27
編輯回答
歆久

自己解決了。

父級元素設(shè)置

 display: flex;
 align-items: stretch;
 

子級元素

flex:1
2017年5月7日 01:43