CSS、DIV和JS是前端開發中最為常用的技術。它們可以聯合起來實現眾多的功能，讓WEB頁面變得更加美觀和動態化。下面我們來看一些常見的功能。

1、CSS浮動布局.

.clearfix::after {
content: "";
display: table;
clear: both;
}
.float-left {
float: left;
}
.float-right {
float: right;
}

2、DIV圖片輪播。

var i = 0;
var slides = document.getElementsByClassName("slide");
setInterval(function() {
slides[i % slides.length].classList.add("hide");
slides[(i + 1) % slides.length].classList.remove("hide");
i++;
}, 2000);

3、JS下拉菜單。

function toggleDropdown(event) {
var dropdown = event.target.nextElementSibling;
dropdown.classList.toggle("hidden");
}
var dropdowns = document.getElementsByClassName("dropdown-toggle");
for (var i = 0; i< dropdowns.length; i++) {
dropdowns[i].addEventListener("click", toggleDropdown);
}

4、CSS響應式布局。

@media screen and (max-width: 767px) {
.mobile-only {
display: block;
}
.desktop-only {
display: none;
}
}
@media screen and (min-width: 768px) {
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
}

總之，CSS、DIV和JS的聯合使用可以實現各種各樣的功能，使得網頁變得更加豐富有趣。