css關閉浮動的方法是,為元素新增clear屬性,並且設定屬性值為none即可,例如【clear:both;】。 clear屬性規定了元素的某處不允許其他浮動元素。
本文操作環境:windows10系統、css 3、thinkpad t480電腦。
css中有一個屬性clear,該屬性規定了元素的哪一側不允許其他浮動元素。
常用屬性值有:
left 在左側不允許浮動元素。
right 在右邊不允許浮動元素。
both 在左右兩側皆不允許浮動元素。
none 預設值。允許浮動元素出現在兩側。
inherit 規定應該從父元素繼承 clear 屬性的值。
舉個小例子:
<html> <head> <style type="text/css"> img { float:left; clear:both; } </style> </head> <body> <img src="/i/eg_smile.gif" /> <img src="/i/eg_smile.gif" /> </body> </html>
相關影片分享:css影片教學
以上是css如何關閉浮動的詳細內容。更多資訊請關注PHP中文網其他相關文章!