容器内的子 div 可以采用父 div 的完整宽度和高度。下面讨论了两种使用 CSS tat 拉伸 div 以适应容器的方法:
方法 1:第一种方法是简单地为子 div 分配 100% 的宽度和 100% 的高度,这样它将占用父 div 的所有可用空间。
考虑这个 HTML 演示:
HTML
Welcome to GFG.
HTML
Welcome to GFG.
输出:
方法二:我们可以将子容器的 display 属性设置为table-row ,将父容器的 display 属性设置为table ,这将占用父 div 元素的所有可用高度。为了覆盖所有的宽度,我们可以将父 div 的宽度设置为 100%。
HTML
Welcome to GFG.
输出: