CSS方塊放最底端，是指在HTML文檔中，CSS方塊位于HTML文檔最底部的位置。這個(gè)方法被廣泛應(yīng)用于一些需要保證視覺清晰度的場(chǎng)合。
/* 原理 */
在HTML文檔的<head></head>標(biāo)簽內(nèi)加入<style></style>標(biāo)簽，把所有的CSS代碼放在這里。
在<style></style>標(biāo)簽中使用@media screen and (min-width: 1000px) {}來指定CSS樣式只在電腦屏幕上生效。
在HTML文檔的<body></body>標(biāo)簽之前，加入<script> </script>標(biāo)簽，并在<script> </script>標(biāo)簽中使用window.onload = function() {}來確保文檔加載完畢后再執(zhí)行。
在<script> </script>標(biāo)簽中，通過創(chuàng)建一個(gè)div方法，將它插入到body標(biāo)簽中，并且設(shè)置div的樣式，達(dá)到效果。
/* 代碼 */
<head>
<style>
@media screen and (min-width: 1000px) {
/* 在這里寫你的CSS代碼 */
}
</style>
</head>
<body>
<script>
window.onload = function() {
var div = document.createElement("div");
div.style.position = "fixed";
div.style.bottom = "0";
div.style.width = "100%";
div.style.height = "100px";
div.style.background = "#f8f8f8";
document.body.appendChild(div);
}
</script>
</body>
/* 注意事項(xiàng) */
1. 不要忘記寫好CSS樣式，否則達(dá)不到效果。
2. 如果你的網(wǎng)頁是預(yù)發(fā)環(huán)境，而不是正式發(fā)布環(huán)境，那么可以直接在HTML文檔中加入div和樣式，避免麻煩。
3. 如果你的網(wǎng)頁需要兼容手機(jī)端，請(qǐng)不要使用這種方法，因?yàn)樗贿m用于移動(dòng)設(shè)備的瀏覽器。