HTML和body標籤的疑惑
阿新 • • 發佈：2018-12-02
HTML和body標籤的疑惑
參考資料
https://blog.csdn.net/u012028371/article/details/52999230
https://www.zhangxinxu.com/wordpress/2009/09/對html與body的一些研究與理解/
寬高百分比，應該是相對於父元素的，父元素沒有定值（沒有或者auto），就向上層繼續找
HTML和BODY標籤，不是理解很透徹
待續。。。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>08_html和body標籤的100%height.html</title> <style> 個人理解，在查閱資料後，大致有了這樣的想法 height: 100%;是對父元素的高度，父元素沒有高度定值或者是auto的時候，就不會起效，繼續向上找 都沒有，則高度為0 而當body設定height: 100%;，html沒有設定高度的時候，body父元素沒有高度定值，body就沒有高度，除非子元素撐開 html也設定100%的時候，理解成瀏覽器頁面高度，即可實現body高度為100% html似乎不能設定定值 是不是可以理解成，html是瀏覽器頁面高度，但是body高度要100%，就得按照標籤高度百分號的使用規範，從有定值的父級元素而來 所以html要宣告100% https://blog.csdn.net/u012028371/article/details/52999230 https://www.zhangxinxu.com/wordpress/2009/09/%E5%AF%B9html%E4%B8%8Ebody%E7%9A%84%E4%B8%80%E4%BA%9B%E7%A0%94%E7%A9%B6%E4%B8%8E%E7%90%86%E8%A7%A3/ html { /*height:6000px;*/ } html, body { height: 100%; } div { height: 3000px; } </style> </head> <body> <div></div> </body> </html>