基准
总体而言百分比的基准就是父元素的宽度高度，如果父元素有设置具体的宽高，就会以父元素的宽高为基准，没设置具体宽高的话，会以父元素实际的占用宽高为基准。父元素须是块级元素。
如果父元素是inline 元素，则会向上查询最近的块级元素作为基准父元素。
参考文章
https://www.cnblogs.com/wenxuehai/p/10601989.html
标签：百分比,基准,元素,块级父,以父,css From： https://www.cnblogs.com/jocongmin/p/18333379