在HTML中，通過設置寬度和高度的百分比，可以實現寬高相對于父元素的自適應。
下面是一個簡單的示例代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>寬高百分百示例</title> </head> <body> <div style="width:50%;height:50%;background-color:blue;"></div> </body> </html>
上述代碼中，通過在div元素的style屬性中設置width和height為50%，使得該div元素的寬度和高度相對于其父元素（即body）為50%。從而實現寬高的自適應。
值得注意的是，當設置了元素的寬度和高度為百分比時，元素的實際寬度和高度并不是按照百分比計算的。而是根據父元素的實際寬度和高度進行計算得出的，因此父元素的尺寸變化會影響到子元素的尺寸。
在實際應用中，我們可以通過寬高百分比的方式，實現響應式布局。例如，在移動端設備上，我們可以設置元素的寬度和高度為100%，使得元素占據整個屏幕空間，實現與PC端設備不同的布局效果。
上一篇html密碼欄代碼