CSS ---子元素鋪滿整個父元素
阿新 • • 發佈：2018-12-26
應用背景
- 有時候需要咋們的內容容器鋪滿整個頁面，如在pad上訪問時，希望它完全鋪滿，而且外圍還不出現滾動條，以至於讓它看起來像桌面App一樣
- 如下所示".fileTreeContainer"雖然為div設定了"wdth:100%;height:100%"，但是卻只有寬度有效，其高度並沒有達到我們想要的目的
解決方法
Html
<body> <div class="fileTreeContainer"> <!-- <ul id="treeDemo" class="ztree"></ul>--> </div> </body> </html>
css
/*解決方法：1、從根節點html開始設定height: 100%; 2、必須是從html開始，然後body，接著就是咋們自己的元素3、這樣一步步自適應下去就OK了*/ html, body { width: 100%; height: 100%; border: 1px sandybrown solid; overflow: hidden; } /*檔案樹容器*/ .fileTreeContainer { width: 100%; height: 100%; border: 1px red solid; }效果輸出
