<div width:100%>是一種CSS屬性，用于設置一個元素的寬度為其父元素的100%。當一個元素的寬度設置為100%時，它會占據父元素的整個可用寬度。在Web開發中，這種屬性常用于制作響應式布局，以確保元素在不同屏幕尺寸下自適應布局。
下面將通過一些代碼案例來詳細解釋<div width:100%>的用法和效果。
第一個案例是一個簡單的HTML布局，包含一個父容器div和一個子容器div。父容器的寬度設為600像素，而子容器的寬度使用<div width:100%>屬性。這意味著子容器的寬度將自動調整為父容器的100%，即600像素。下面是相應的代碼：

<p><div style="width: 600px;"></p>
<p><div style="width: 100%"></p>
<p>這是一個子容器</p>
<p></div></p>
<p></div></p>

上述代碼中，父容器設定了寬度為600像素，而子容器的寬度則使用<div width:100%>屬性進行設置，從而使它與父容器一致。
第二個案例是一個響應式布局，用于在不同屏幕尺寸下適應不同的布局。以下代碼展示了一個基于<div width:100%>的響應式布局示例：

<p><div style="width: 100%"></p>
<p><div style="width: 50%; float: left;"></p>
<p>這是第一個子容器</p>
<p></div></p>
<p><div style="width: 50%; float: left;"></p>
<p>這是第二個子容器</p>
<p></div></p>
<p></div></p>

在上述代碼中，父容器的寬度設置為100%，并使用了浮動屬性將兩個子容器并列顯示。這意味著在不同屏幕尺寸下，兩個子容器將自動調整寬度以適應父容器。
<div width:100%>屬性對于創建適應性布局非常有用。通過將元素的寬度設置為100%，可以確保元素根據其父容器的大小自動調整。這對于構建響應式網頁設計和移動優先布局非常重要。
總之，<div width:100%>是一種CSS屬性，用于設置一個元素的寬度為其父元素的100%。它可以通過代碼案例中的示例來進一步理解和應用。這個屬性在Web開發中非常有用，尤其是用于創建響應式布局和適應性布局。