css怎样实现DIV高度自适应

发布时间:2024-03-15 点击:125
可以添加表格特性。
(推荐教程:css教程)
父级元素添加属性 display: table;
子一级元素添加属性 display: table-cell;
代码:
<div class="div-row"> <style type="text/css"> .div-row { width: 400px; border: 1px solid #23527c; display: table; } .div-col { display: table-cell; } </style> <div class="div-col" style="background-color: #28a4c9;"> <p><span>内容1</span></p> </div> <div class="div-col" style="background-color: #31b0d5;"> <p><span>内容1</span></p> <p><span>内容2</span></p> </div> <div class="div-col" style="background-color: #269abc;"> <p><span>内容1</span></p> <p><span>内容2</span></p> <p><span>内容3</span></p> </div> <div class="div-col" style="background-color: #5bc0de;"> <p><span>内容1</span></p> <p><span>内容2</span></p> <p><span>内容3</span></p> <p><span>内容4</span></p> <p><span>...</span></p> </div> </div>结果:

腾讯云服务器镜像和快照
域名委托销售-其他问题
腾讯云与金蝶达成战略合作 共建SaaS生态
又打不开了为什么老是打不开
如何检测电脑网线连接是否正确|怎样用测线仪检测网线是否接通
镇江bgp三线高防云服务器
商标申请多少钱一个
香港云服务器哪个便宜