HTML5浮動(dòng)模型怎么設(shè)置？ 使用CSS中的float屬性可以實(shí)現(xiàn)HTML5頁(yè)面中的浮動(dòng)布局。float屬性有l(wèi)eft和right兩種取值，分別表示浮動(dòng)在左邊和右邊。 例如，我們想將一個(gè)圖片浮動(dòng)在頁(yè)面的左邊，可以使用下面的代碼：

從上面的代碼中可以看出，我們將整個(gè)圖片放在一個(gè)p標(biāo)簽中，然后通過(guò)CSS中的float屬性將圖片向左浮動(dòng)。 如果我們想讓一段文字環(huán)繞在浮動(dòng)圖片周?chē)梢栽谖淖炙诘脑厣显O(shè)置CSS屬性clear:both。 例如，下面的代碼可以讓一段文字環(huán)繞在浮動(dòng)圖片周?chē)?pre>

這是一段文字，將浮動(dòng)圖片環(huán)繞在周?chē)?/p>

從上面的代碼中可以看出，我們將圖片和文字都放在一個(gè)div標(biāo)簽中，然后通過(guò)float屬性讓圖片浮動(dòng)在左邊。同時(shí)，我們也設(shè)置了圖片的右邊距margin-right，讓它和文字之間有一定的間隙。最后，我們?yōu)槲淖炙诘膒標(biāo)簽設(shè)置了clear:both，讓文字環(huán)繞在浮動(dòng)圖片的周?chē)? 需要注意的是，浮動(dòng)元素可能會(huì)導(dǎo)致其他元素的位置發(fā)生變化，因此在設(shè)計(jì)HTML5頁(yè)面布局時(shí)需要謹(jǐn)慎使用浮動(dòng)。同時(shí)，浮動(dòng)元素的高度不能超過(guò)其父元素的高度，否則浮動(dòng)元素會(huì)出現(xiàn)意料之外的布局。