圖片高度問題

首页课程实战体系课手记专栏慕课教程

圖片高度問題

来源：2-3 利用CSS技巧实现搜索及 banner 区域布局

齊帥

2021-02-04 10:09:27

老師抱歉這裡的25.4%還是聽不太懂......可否再詳細解釋一下?

写回答

1回答

好帮手慕夭夭

2021-02-04

已采纳

同学你好，padding-bottom设置百分比的值时，是参照它父元素宽度计算的。参考一个小例子来理解，如下：

父元素的宽度为1000px，那么子元素设置 padding-bottom: 25.4%，转换为px即为1000*0.254=254px 。padding是包含在元素的宽高之内的，所以padding-bottom撑开元素的高度为254px。如下图所示：

祝学习愉快~

0 学习 · 15276 问题

相似问题

回答 1

回答 1

REM問題

回答 1

回答 1

回答 1