<button>填滿div</button>是一種常見的前端技術需求，指的是要求將<b>按鈕</b>填滿所在的<div>元素。實現(xiàn)這一效果的方法有很多種，下面將通過幾個代碼案例詳細解釋說明。
第一種方法是使用CSS樣式表來實現(xiàn)。我們可以給<div>元素設定一個相對或絕對定位，然后使用CSS樣式表的"position"屬性和"top"、"left"、"right"、"bottom"屬性來控制<button>元素的位置和大小。具體代碼如下：

html
<div style="position: relative; height: 200px;">
<button style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">按鈕</button>
</div>

通過將按鈕的定位設定為絕對定位，并設置位置和大小為相對父元素<div>的左上角，并將按鈕的寬度和高度設定為100%，達到填滿<div>元素的效果。
第二種方法是使用CSS Flexbox布局。Flexbox是一種CSS布局模型，通過設置容器元素的"display"屬性為"flex"，可以實現(xiàn)方便靈活的元素排列。我們可以將<div>設置為Flex容器，然后將按鈕的寬度和高度設定為"100%"，這樣按鈕就會自動填滿<div>元素。具體代碼如下：

html
<div style="display: flex; height: 200px;">
<button style="width: 100%; height: 100%;">按鈕</button>
</div>

通過將<div>元素的"display"屬性設置為"flex"，可以讓其成為Flex容器。然后，將按鈕的寬度和高度設定為"100%"，按鈕將自動填滿<div>元素。
另外，我們還可以使用JavaScript來實現(xiàn)按鈕填滿<div>元素的效果。具體代碼如下：

html
<div style="position: relative; height: 200px;">
<button id="fillButton">按鈕</button>
</div>
<br>
<script>
var divElement = document.querySelector("div");
var buttonElement = document.querySelector("#fillButton");
<br>
  buttonElement.style.width = divElement.offsetWidth + "px";
buttonElement.style.height = divElement.offsetHeight + "px";
</script>

通過使用JavaScript，我們可以獲取<div>元素的寬度和高度，并將按鈕的寬度和高度設置為相同的數(shù)值，從而使按鈕填滿<div>元素。
總之，通過CSS樣式表、Flexbox布局和JavaScript，我們可以實現(xiàn)按鈕填滿<div>元素的效果。視具體情況選擇不同的方法，可以靈活應用到前端開發(fā)中。