将 div 拉伸到全高

在 HTML 中，div 是一种常用的标记，用于定义文档中的区块。默认情况下，div 的高度会根据其中的内容自适应高度，如果需要将 div 拉伸至全高，可以采用以下几种方法。

方法一：设置 position 属性

<div style="position:absolute; top:0; right:0; bottom:0; left:0;"></div>

将 div 的 position 属性设置为 absolute，再将 top、right、bottom、left 分别设置为 0，表示 div 要贴着父元素的四个边框。这样就能让 div 占据整个父元素的高度了。

方法二：使用 flex 布局

<div style="display:flex; flex-direction:column; height:100%;"></div>

将父元素的 display 属性设置为 flex，再加上 flex-direction 为 column，表示子元素会垂直排列。最后将高度设置为 100%，即可让 div 占据整个父元素的高度。

方法三：使用 table 布局

<div style="display:table; height:100%; width:100%;"></div>

将父元素的 display 属性设置为 table，即可将子元素看作是表格中的单元格。然后将高度设置为 100%，即可让 div 占据整个父元素的高度。

总结

以上三种方法均可让 div 拉伸至全高，具体使用哪种方法，可根据实际情况而定。其中 flex 布局是最为推荐的做法，因为它适用范围广，且使用起来简单易懂。