css怎样实现DIV高度自适应

发布时间:2024-03-15
可以添加表格特性。
(推荐教程: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>结果:
上一个:紫外可见分光光度计的基本原理
下一个:CC0805KKX7R9BB225,2.2uF(225) ±10% 50V

花上长“煤粉”千万别大意
灵活就业证明在哪里开
北海道小樽什么时候下雪 北海道小樽冬季旅游景点推荐
担保合同无效有几种情况呢
怎样构成侵权行为
快照劫持是怎么回事?新手遇到快照劫持怎么办?
拆迁土地怎么赔
电脑开机后无法进入系统怎么办,长按开机键30秒 释放笔记本静电
也谈城市旧城道路改造工程的监理
欠信用卡两年没还会怎么样吗