介绍
小编给大家分享一下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高度自适应的方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!