请问老师,盒子宽高百分比是基于什么的

来源:4-1 课程总结

呷哺呷哺

2021-05-01 22:36:43

问题描述:

用flex布局的时候,子元素宽高设置百分比的时候,是基于父元素来的吗,默认父元素为100%这样?

用block布局的时候,子元素的宽高百分比是基于body还是父元素?

写回答

1回答

好帮手慕慕子

2021-05-03

同学你好,对于你的问题解答如下:

1、子元素宽高百分比,是基于父元素的。示例:

http://img.mukewang.com/climg/608f57a40911a04007721266.jpg

每个li的宽度为40px, 高度为40px 示例:

http://img.mukewang.com/climg/608f57e7092c26dc28781630.jpg

子元素不设置宽度时,宽度默认由内容撑开,高度填充满父元素。示例:

http://img.mukewang.com/climg/608f57f7091f289408100734.jpg

http://img.mukewang.com/climg/608f5801093cfed109180472.jpg

3、block布局,子元素宽高设置百分比也是基于父元素计算的。

祝学习愉快~

0

0 学习 · 15276 问题

查看课程