简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
css3 - 请教一下，css如何使左右两边的div高度自适应相等
ringa_lee
ringa_lee 2017-04-17 11:58:53
0
1
943

现在有一个需求
基本结构

 
 ....

在parent里面又两个p,左边p中表格的高度根据tr的高度撑开，tr的数量不定。右边p中textarea的高度根据左边p的自适应。现在的css

.parent{ width:800px; } p p { background: #1296db; margin-bottom:-3000px; padding-bottom:3000px; display: inline-block; height: auto; width: 50%; vertical-align: top;} textarea{ height: 100%; width: 100%; }

现在虽然左右两个p的高度看起来一样，但是右边textarea的高度并不充满p的高度。
请问一下该如何实现这个布局

ringa_lee
ringa_lee

ringa_lee

membalas semua (1)
Ty80
Ty802017-04-17 12:00:53 Tingkat 1 
.parent{ display: flex; width:800px; } .parent p { width: 50%; } .parent textarea { box-sizing: border-box; height: 100%; width: 100%; }
Suka+0
Tambah Balasan
    Topik popular
    Lagi>
    Artikel popular
    Tutorial Popular
    Lagi>
    Tutorial berkaitan
    Cadangan popular
    Kursus terkini
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！