<div> 位置 <隨機> 是指在網頁布局中，通過使用 CSS 屬性和 JavaScript 代碼使 <div> 元素的位置隨機變化。這種技術可以在網頁設計中增加趣味性和動態效果，從而吸引用戶的注意力，并提升用戶體驗。
一、使用 CSS 屬性實現 <div> 位置隨機：
通過使用 CSS 的 position 屬性和 transform 屬性，可以實現 <div> 元素的位置隨機變化。下面是一個示例代碼：

<style>
.random-div {
position: absolute; /* 絕對定位 */
transform: translate(
calc(100% - random(200px)), /* 隨機橫向位置 */
calc(100% - random(200px)) /* 隨機縱向位置 */
);
}
</style>
<br>
<div class="random-div">
這是一個隨機位置的 <div> 元素。
</div>

在上述代碼中，我們使用了絕對定位 (absolute) 來脫離文檔流，使 <div> 元素可以按照指定的位置顯示。通過設置 transform 屬性，并利用 CSS 函數 calc() 和 random()，可以實現隨機的橫向和縱向位置。
二、使用 JavaScript 代碼實現 <div> 位置隨機：
通過使用 JavaScript 的 Math.random() 函數和獲取頁面寬高等屬性，可以實現 <div> 元素的位置隨機變化。下面是一個示例代碼：

<script>
function randomPosition() {
var div = document.getElementById("random-div");
var maxWidth = window.innerWidth;
var maxHeight = window.innerHeight;
var randomX = Math.floor(Math.random() * maxWidth); /* 隨機橫向位置 */
var randomY = Math.floor(Math.random() * maxHeight); /* 隨機縱向位置 */
div.style.left = randomX + "px";
div.style.top = randomY + "px";
}
<br>
  window.onload = function() {
randomPosition();
};
</script>
<br>
<div id="random-div">
這是一個隨機位置的 <div> 元素。
</div>

在上述代碼中，我們定義了一個 randomPosition() 函數，該函數通過獲取頁面的寬度 (window.innerWidth) 和高度 (window.innerHeight)，并利用 Math.random() 函數生成隨機數，來設定 <div> 元素的 left 和 top 屬性，從而實現隨機的橫向和縱向位置。
：通過使用 CSS 和 JavaScript，我們可以實現 <div> 元素的位置隨機變化，從而為網頁增加趣味性和動態效果。這種技術能夠吸引用戶的注意力，提升用戶體驗，并為網頁設計帶來新的可能性。