divcss布局：css浮動float屬性詳解-資料下載頁
2025-06-26 09:01本頁面
【正文】 在向右浮動后，最大的變化就是在HTML中，前面的元素在最右邊，后面的元素跑到了最左邊。我們對上面代碼中的兩個元素同時應(yīng)用向右的浮動看看效果。Source Code to Run []!DOCTYPE html PUBLIC //W3C//DTD Transitional//EN htmlxmlns= head metaequiv=ContentType content=text/html。 charset=gb2312 /title52CSS/title style type=text/csscontent_a {width:200px。 height:80px。 float:right。 border:1px solid000。 margin:10px。 background:ccc。} content_b {width:200px。height:80px。 float:right。 border:1px solid 000。 margin:10px。background:999。} /style /head body divid=content_a 這是第一個DIV 向右浮動/div divid=content_b 這是第二個DIV 向右浮動/div /body/html [ 可先修改部分代碼 再運行查看效果 ]在IE中的效果如圖：在FF中的效果如圖：同時對兩個元素應(yīng)用向右的浮動基本保持了一致，但請注意方向性，第二個在左邊，第一個在右邊。對于其它頁面構(gòu)成元素，浮動的原理基本是一樣的，大家多動手測試，才能有更進一下的認識。學(xué)習CSS就是多動手，多寫代碼，必有收獲！7 /
法律信息相關(guān)推薦
鄂ICP備17016276號-1