css 寬度設(shè)置100%，怎么設(shè)置讓高度和寬度相等？

提供一種思路：

{
  width: 100%;
  padding-top: 100%;
}

放一個(gè)1*1的圖片 width=100%

用padding百分比設(shè)置，百分比是基于父元素的寬度的百分比的內(nèi)邊距， 你css設(shè)置 width: 100%;padding-top: 100%;position: relative;子元素設(shè)置position: absolute;top: 0;left:0;width: 100%;height: 100%;

百分比去父級(jí)找定值，有效值通常是根據(jù)這個(gè)定值計(jì)算而來(lái)的。但如果是做寬高全等這種需求的話，用百分比做單位我覺得本身不太合適，建議采用可以方便的轉(zhuǎn)換為一個(gè)固定值的單位，比如rem或者vw、vh，比如都用40vw或者40rem，那么就不存在這個(gè)問題。