https://blog.csdn.net/qq_35771141/article/details/90598813 做个记录，也能够帮助恰好看到这篇文章的人 注意：减号两遍一定要打 ...

这是因为百分比高度是根据父元素的高度计算的，假设从祖先到孩子所有的元素高度都只能设置成百分比，一旦中间有一层元素没有设置高度，那这一层以及他的所有子元素都变为自适应高度（height: auto），并且max:height为这一层的父元素高度。 因此假设我们有一个项目需要用百分比完全按照分辨率 ...

　　CSS 中可以使用%来给定指定元素的大小，也就是高度、宽度、margin，padding 等等，但是相信很多人都对百分比表示法的具体含义并不清楚，那么不懂就练，毕竟是检验真理的唯一标准（考研党举个手我看看...）。 练习： 　　 　　一般来说，很多人认为百分比表示法 ...

当我们给块级元素设置响应式高度的时候，例如给div设置height=50%，往往没能看到效果。 原因是百分比的大小是相对其父级元素宽高的大小，如最外层元素设置的百分比是对应屏幕而言的。 需要了解的是对于宽度来说，其父级元素无须确定宽度就能设置百分比，例如我们可以利用这个特性给未知宽度的块级元素 ...

width=num% ， height=num% 基于以下几点 1. 若元素不存在定位： 则基于直接父元素的宽高度 2. 若元素存在定位 且 定位为 relative， 则也基于直接父元素的宽高度 3. 若元素存在定位 且 定位为 absolute， 则基于最近的相对定位 ...

给div按百分比设置高度 宽度两种方法： 第一种是给body标签设置他的高度值，xxxpx，div就会根据body的像素值取百分比； 第二种方法就是在div属性中加入 position:absolute; ...

在图片长宽不相等的情况下，想将长宽设置为相等并且自适应屏幕，可以通过 js 的方式进行设置并通过监听 resize 来实时更新，但是这种方式很麻烦。 这里通过 css 来达到我们想要的效果： 需要添加一个父元素来达到我们的目的。 或者: 我们在这里 ...

在图片长宽不相等的情况下，想将长宽设置为相等并且自适应屏幕，可以通过 js 的方式进行设置并通过监听 resize 来实时更新，但是这种方式很麻烦。 这里通过 css 来达到我们想要的效果： 需要添加一个父元素来达到我们的目的。 或者: 我们在这里 ...