素材巴巴 > 程序开发 >

使用padding计算高度实现页面的高度自适应

程序开发 2023-09-05 10:41:30

为什么说要使用padding来计算高度而不是margin呢,这是因为对于每一个dom元素来讲,padding的高度是包含在dom元素内的,而margin是在dom元素之外的。

我举个例子,看如下图

如果我想计算这个表格的高度,并且让这个表格处于蓝色的方框内,如果表格的高度超过了计算的高度,那么表格内部就会产生滚动条。并且不论怎么缩放浏览器窗口,浏览器都不会有滚动条,这就是我想要实现的自适应。

这里的标题采用的也是padding,而不是margin,然后我们现在来计算一下表格的高度。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。