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

鍍金池/ 問答/HTML5  HTML/ 如何讓并列的div高度自適應(yīng)

如何讓并列的div高度自適應(yīng)

<div>

<div>***</div>
<div>***</div>
<div>***</div>
<div>***</div>
<div>***</div>

</div>

如下圖這樣：

clipboard.png

我目前根據(jù)的是 display的table屬性來寫的。
但是沒法設(shè)置寬度。

回答
編輯回答
蝶戀花

使用flex布局吧

2017年5月24日 08:40
編輯回答
葬愛

可以嘗試將卡片分成上下兩層，底層包含紅色邊框，利用 absolute 的兩個(gè)特性讓其保持底部（不聲明 left 將默認(rèn)在 static position，讓父元素 position 保持 static 使其不作為 position container）。

Proof of concept 思路供參考：

https://codepen.io/straybugs/...

2018年5月13日 16:47
編輯回答
生性

給里面的div設(shè)置一個(gè)百分比的高度就可以根據(jù)父級(jí)元素的高度自適應(yīng)了。

2017年1月20日 17:09
編輯回答
骨殘心
 .c-box{
            width: 400px;
            margin: 0 auto;
            overflow: hidden;
        }
        .c-left{
            background: #ccc;
        }
        .c-right{
            background: #f3f3f3;
        }
        .c-left,.c-right{
            margin-bottom: -9999px;
            padding-bottom: 9999px;
            width: 200px;
            float: left;
        }
     <div class="c-box">
        <div class="c-left">
            <p>fdsfdsf</p>
            <p>fdsfdsf</p>
            <p>fdsfdsf</p>
            <p>fdsfdsf</p>
            <p>fdsfdsf</p>
        </div>
        <div class="c-right">
            <p>fsdfsdf</p>
        </div>
    </div>

張鑫旭大大的方法 兼容性很好 可以試一下

2018年9月20日 13:03