<div>是HTML中最常用的元素之一，它用于創建一個容器，可以將其他元素放到其中，實現各種布局效果。其中，一個常見的應用是實現滿屏效果，即讓一個元素鋪滿整個屏幕顯示。
在下面的幾個示例中，我將詳細介紹如何使用<div>元素實現滿屏效果。
第一個示例是使用CSS的height屬性將<div>元素的高度設置為100%，從而使其填充整個屏幕。代碼如下：

<p><style></p>
<p>    .full-screen {</p>
<p>        height: 100%;</p>
<p>    }</p>
<p></style></p>
<p><div class="full-screen"></p>
<p>    Content goes here.</p>
<p></div></p>

第二個示例是通過設置<div>元素的position屬性為fixed，將其固定在頁面中，從而實現滿屏效果。代碼如下：

<p><style></p>
<p>    .full-screen {</p>
<p>        position: fixed;</p>
<p>        top: 0;</p>
<p>        left: 0;</p>
<p>        right: 0;</p>
<p>        bottom: 0;</p>
<p>    }</p>
<p></style></p>
<p><div class="full-screen"></p>
<p>    Content goes here.</p>
<p></div></p>

第三個示例是使用CSS的flexbox屬性實現滿屏效果。代碼如下：

<p><style></p>
<p>    .container {</p>
<p>        display: flex;</p>
<p>        align-items: center;</p>
<p>        justify-content: center;</p>
<p>        height: 100vh;</p>
<p>    }</p>
<p></style></p>
<p><div class="container"></p>
<p>    <div class="full-screen"></p>
<p>        Content goes here.</p>
<p>    </div></p>
<p></div></p>

以上是幾個使用<div>元素實現滿屏效果的示例代碼。通過使用CSS的height屬性、position屬性或flexbox屬性，我們可以輕松地實現一個元素鋪滿整個屏幕的效果。這在設計響應式網頁時特別有用，可以為用戶提供更好的瀏覽體驗。希望這些示例對你理解和應用<div>元素有所幫助！