HTML5 Float 層數設置 Float是CSS中的一種屬性，它可以讓元素脫離文檔流，并且按照指定方向浮動。在HTML5中，我們可以使用float屬性來實現不同層數設置的效果。 要設置不同層數的float效果，我們可以將需要浮動的元素依次嵌套在父元素中，并使用clear屬性來清除浮動影響。以下是一個使用float設置層數的示例代碼：

<style>
.outer {
background-color: #ccc;
overflow: hidden;
width: 500px;
}
.inner1 {
float: left;
width: 100px;
height: 100px;
margin: 10px;
background-color: red;
}
.inner2 {
float: left;
width: 100px;
height: 100px;
margin: 10px;
background-color: blue;
}
.inner3 {
float: right;
width: 100px;
height: 100px;
margin: 10px;
background-color: yellow;
}
.clear {
clear: both;
}
</style>
<div class="outer">
<div class="inner1"></div>
<div class="inner2"></div>
<div class="inner3"></div>
<div class="clear"></div>
</div>

在這個例子中，我們使用了一個外層容器.outer，將需要浮動的元素.inner1、.inner2和.inner3嵌套在其中，并設置寬度、高度、外邊距和背景色。.inner1和.inner2的float屬性設置為left，.inner3的float屬性設置為right，這樣它們就按照指定的方向浮動了。而.clear元素，則使用clear屬性來清除浮動影響，使下一個元素不受影響。 當我們運行這段代碼時，就會看到三個顏色不同的正方形按照浮動方向依次排列，形成不同層數的效果。 總結 使用HTML5的float屬性，我們可以實現不同層數設置的效果。只需要將需要浮動的元素嵌套在一個父元素中，并使用clear屬性來清除浮動影響，就可以輕松實現多層浮動效果。