<div padding 100%>指的是給一個<div>元素添加了一個100%的內邊距。內邊距（padding）是指元素內容與邊框之間的區域。設置內邊距可以改變元素的大小和布局。當我們給<div>元素設置padding為100%時，元素的內邊距會自動填充滿父容器的寬度和高度。
下面我們用幾個代碼案例來詳細解釋這個屬性的用法。
案例一： ，我們創建一個簡單的HTML結構如下：

<code>
<div class="container">
<div class="box"></div>
</div>
</code>

然后，我們給這個容器設置一個寬度和邊框樣式如下：

<code>
.container {
width: 300px;
height: 300px;
border: 1px solid black;
}
</code>

接下來，我們將<div>元素加上<div padding 100%>屬性：

<code>
.box {
padding: 100%;
}
</code>

這樣，<div>元素的內邊距將會填滿父容器的寬度和高度。由于內邊距是相對于元素的寬度和高度來計算的，所以這里的100%實際上是相對于容器的尺寸來計算的。
案例二： 接下來，我們來看一個更復雜的例子。，我們創建一個有多個<div>元素的父容器：

<code>
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</code>

然后，我們給每個<div>元素設置一些內容和樣式：

<code>
.box {
padding: 100%;
background-color: gray;
border: 1px solid black;
margin-bottom: 10px;
}
</code>

這里的每個<div>元素都會自動填充滿父容器的寬度和高度，創建出一個等高的布局。由于每個元素的內邊距都是相對于自身的寬度和高度來計算的，所以無論容器的尺寸如何變化，每個元素的內邊距都會保持一致，從而實現等高布局的效果。
： 通過給<div>元素添加<div padding 100%>屬性，我們可以輕松地實現自適應的內邊距效果，使元素的內邊距始終填滿父容器的寬度和高度。這在處理等高布局或者創建自適應尺寸的元素時非常有用。然而，需要注意的是<div padding 100%>屬性只對塊級元素有效，對于行內元素無效。