色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

html5設置div浮動

錢衛(wèi)國2年前10瀏覽0評論

HTML5是目前最新的網頁標準,它提供了許多新的元素和特性,其中一個重要的特性就是設置div浮動。浮動元素可以使頁面布局更加靈活,實現(xiàn)多列布局、新聞排版等。

<div style="float:left;width:50%"></div><div style="float:right;width:50%"></div>

如上所示的代碼,是設置兩個div元素浮動并且設置寬度為50%。其中float屬性指定元素浮動方向,可以為left和right兩種值。在使用浮動元素時,一定要注意父級元素的高度,否則可能會出現(xiàn)布局混亂的情況。

除了設置浮動,還可以通過clear屬性清除浮動,以保證布局正確。

<div style="clear:both"></div>

上述代碼是一個空的div元素,使用clear:both可以清除浮動。clear屬性可以取值none、left、right、both,分別代表不清除浮動、清除左浮動、清除右浮動和清除所有浮動。

在實際的網頁開發(fā)過程中,我們常常需要用到浮動元素,通過學習和掌握浮動的使用方式和注意事項,可以使頁面布局更加優(yōu)秀、靈活。