Css排版高度自适应兼容代码

2021-12-19

css控制高度自适应的原理很简单，就是利用内补丁(padding-bottom)和外补丁(marin-bottom)实现自动填充

高度自适应除了要设定自适应列的css外，其中一个很重要的css属性是要设定父容器的overflow：hidden

css

#c{overflow:hidden}/*父容器超出边界hidden*/
#left,#right{padding-bottom:3000px; margin-bottom:-3000px; border:1px solid #f00}/*内外补丁，注意css中数值不能超过+-32767*/

html

【Css排版高度自适应兼容代码】当然这只是个test，可以扩展到任意列

推荐阅读

上一篇：（永久生效）Centos7修改hostname,ip地址&hosts

下一篇：【今日CV 计算机视觉论文速览】Tue, 26 Feb 2019