overflow-xª©¥»¡GIE4+±M¦³ÄÝ©Ê¡@Ä~©Ó©Ê¡GµL
»yªk¡G
overflow-x : visible | auto | hidden | scroll
¨úÈ¡G
visible | :’ | Àq»{È¡C¤£°Å¤Á¤º®e¤]¤£²K¥[ºu°Ê±ø¡C°²¦pÅ㦡Án©ú¦¹Àq»{È¡A¹ï¹³±N¥H¥]§t¹ï¶Hªº window ©Î frame ªº¤Ø¤oµô¤Á¡C¨Ã¥B clip Äݩʳ]¸m±N¥¢®Ä |
auto | :’ | ¦b¥²»Ý®É¹ï¹³¤º®e¤~·|³Qµô¤Á©ÎÅã¥Ü¾î¦Vºu°Ê±ø |
hidden | :’ | ¤£Åã¥Ü¶W¹L¹ï¹³¤Ø¤oªº¤º®e |
scroll | :’ | Á`¬OÅã¥Ü¾î¦Vºu°Ê±ø |
»¡©ú¡G
À˯Á©Î³]¸m·í¹ï¶Hªº¤º®e¶W¹L¨ä«ü©w¼e«×®É¦p¦óºÞ²z¤º®e¡C
©Ò¦³¹ï¶HªºÀq»{ȬO
visible ¡A°£¤F
textarea ¹ï¹³©M
body ¹ï¶HªºÀq»{ȬO
auto ¡C³]¸m
textarea ¹ï¹³¦¹ÄÝ©ÊȬ°
hidden ±NÁôÂèäºu°Ê±ø¡C
¹ï©ó
table ¨Ó»¡¡A°²¦p
table-layout Äݩʳ]¸m¬°
fixed ¡A«h
td ¹ï¹³¤ä«ù±a¦³Àq»{Ȭ°
hidden ªº
overflow ÄÝ©Ê¡C¦pªG³]¬°
scroll ©ÎªÌ
auto ¡A¨º»ò¶W¥X
td ¤Ø¤oªº¤º®e±N³Q°Å¤Á¡C¦pªG³]¬°
visible ¡A±N¾ÉPÃB¥~ªº¤å¥»·¸¥X¨ì¥kÃä©Î¥ªÃä¡]µø
direction Äݩʳ]¸m¦Ó©w¡^ªº³æ¤¸®æ¡C
¦ÛIE5¶}©l¡A¦¹ÄݩʦbMAC¥¥x¤W¥i¥Î¡C
¦ÛIE6¶}©l¡A·í§A¨Ï¥Î
!DOCTYPE Án©ú«ü©w¤F
standards-compliant ¼Ò¦¡¡A¦¹ÄÝ©Ê¥i¥HÀ³¥Î©ó
html ¹ï¶H¡C
¦¹Äݩʹï©ó
currentStyle ¹ï¹³¦Ó¨¥¬O¥uŪªº¡C¹ï©ó¨ä¥L¹ï¹³¦Ó¨¥¬O¥iŪ¼gªº¡C
¹ïÀ³ªº¸}¥»¯S©Ê¬°
overflowX ¡C
¥Ü¨Ò¡G
body { overflow-x: hidden; }
div { overflow-x: scroll; height: 100px; width: 100px; }