floatª©¥»¡GCSS1¡@ Ý®e©Ê¡GIE4+ NS4+¡@Ä~©Ó©Ê¡GµL
»yªk¡G
float : none | left | right
¨úÈ¡G
none | :’ | Àq»{È¡C¹ï¹³¤£ÄƯB |
left | :’ | ¤å¥»¬y¦V¹ï¶Hªº¥kÃä |
right | :’ | ¤å¥»¬y¦V¹ï¶Hªº¥ªÃä |
»¡©ú¡G
¸ÓÄݩʪºÈ«ü¥X¤F¹ï¶H¬O§_¤Î¦p¦ó¯B°Ê¡C½Ð°Ñ¾\
clear ÄÝ©Ê¡C
·í¸ÓÄݩʤ£µ¥©ó
none ¤Þ°_¹ï¹³¯B°Ê®É¡A¹ï¹³±N³Qµø§@¶ô¹ï¹³(
block-level )¡A§Y
display Äݩʵ¥©ó
block ¡C¤]´N¬O»¡¡A¯B°Ê¹ï¶Hªº
display ÄݩʱN³Q©¿²¤¡C
¸òÀH¯B°Ê¹ï¶Hªº¹ï¹³±N²¾°Ê¨ì¯B°Ê¹ï¶Hªº¦ì¸m¡C¯B°Ê¹ï¹³·|¦V¥ª©Î¦V¥k²¾°Êª½¨ì¹J¨ìÃä®Ø(
border ¡B¤º¸É¤B(
padding ¡B¥~¸É¤B(
margin ©ÎªÌ¥t¤@Ó¶ô¹ï¹³(
block-level )¬°¤î¡C
¦bIE5+¤¤¡A
div ©M
span ¹ï¹³°²¦p¨S¦³«ü©w¼e«×·|³Q¤À°tÀq»{ªº¼e«×¡A¦Ó¦b¦¹«eªºÂsÄý¾¹ª©¥»¤¤«h¥²¶·«ü©w¼e«×Ȥ~¥i¥H§e»¼¦¹ÄÝ©Ê¡C
¦¹Äݩʹï©ó
currentStyle ¹ï¹³¦Ó¨¥¬O¥uŪªº¡C¹ï©ó¨ä¥L¹ï¹³¦Ó¨¥¬O¥iŪ¼gªº¡C
¹ïÀ³ªº¸}¥»¯S©Ê¬°
styleFloat ¡C
¥Ü¨Ò¡G
div { clear : left }
img { float: right }