DIV css中实现高度自适应的方法

  介绍

小编给大家分享一下css中实现DIV高度自适应的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

可以添加表格特性。

父级元素添加属性,显示:表;

子一级元素添加属性显示:表格单元;

代码:

& lt; DIV类=癲iv-row"比;   & lt;风格类型=拔谋?css"比;   .div-row {   宽度:400 px;   边界:1 px固体# 23527 c;   显示:表;   }   .div-col {   显示:表格单元;   }   & lt;/style>      & lt; div类=癲iv-col"风格=癰ackground - color: # 28 a4c9;“比;   & lt; p> & lt; span>内容1 & lt;/span> & lt;/p>   & lt;/div>   & lt; div类=癲iv-col"风格=癰ackground - color: # 31 b0d5;“比;   & lt; p> & lt; span>内容1 & lt;/span> & lt;/p>   & lt; p> & lt; span>内容2 & lt;/span> & lt;/p>   & lt;/div>   & lt; div类=癲iv-col"abc风格=癰ackground - color: # 269;“比;   & lt; p> & lt; span>内容1 & lt;/span> & lt;/p>   & lt; p> & lt; span>内容2 & lt;/span> & lt;/p>   & lt; p> & lt; span>内容3 & lt;/span> & lt;/p>   & lt;/div>   & lt; div类=癲iv-col"风格=癰ackground - color: # 5 bc0de;“比;   & lt; p> & lt; span>内容1 & lt;/span> & lt;/p>   & lt; p> & lt; span>内容2 & lt;/span> & lt;/p>   & lt; p> & lt; span>内容3 & lt;/span> & lt;/p>   & lt; p> & lt; span>内容4 & lt;/span> & lt;/p>   & lt; p> & lt; span>……& lt;/span> & lt;/p>   & lt;/div>   & lt;/div>

结果:

 css中实现DIV高度自适应的方法

以上是css中实现DIV高度自适应的方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

DIV css中实现高度自适应的方法