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)秀、靈活。
上一篇js去除所有css樣式
下一篇mysql5.7 新特性