CSS丨设置height:100%无效
设置height:100%的原理:
当让一个元素的高度设置为百分比高度时,是相对于父元素的高度根据百分比来计算高度。
所以当父元素没有高度时,height:100%也就没有高度值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0 auto; padding: 0; } html { height: 100%; } body { height: 100%; } </style> </head> <body> <div style="height: 100%; background-color: pink;">666</div> </body> </html>
参考:
https://github.com/wangjianuo/blog/issues/5