CSS 教學  >  Clear


clear (清除) 屬性是用來抵銷 float 屬性的作用。可能的值為: left:消除左邊的浮動。 right:消除右邊的浮動。 both:消除左邊及右邊的浮動。 none:不消除任何一邊的浮動。 來看一下從 float 那一頁稍作修改..
 

clear (清除) 屬性是用來抵銷 float 屬性的作用。可能的值為:

  • left:消除左邊的浮動。
  • right:消除右邊的浮動。
  • both:消除左邊及右邊的浮動。
  • none:不消除任何一邊的浮動。

    來看一下從 float 那一頁稍作修改的例子:

    CSS 宣告:

    #leftfloat {
      float:left;
    }

    #clearleft {
      clear:left;
    }

    以下的 HTML 碼,

    <span id="leftfloat"><img src="yp.jpg"></span>這個例子<span id="clearleft">展現出 clear:left 能夠抵銷 float 屬性的值。</span>

    就會顯現出,

    這個例子展現出 clear:left 能夠抵銷 float 屬性的值。

    在上面的例子中,一但 clear:left 的樣式被用上,float:left 就不再有作用。也就因為這樣,在 clear:left 樣式後的所有文字都是在圖案之下。

    下一頁: CSS 滑鼠游標圖案