CSS overflow ÊôÐÔ

ʵÀý

ÉèÖà overflow ÊôÐÔ£º

div
  {
  width:150px;
  height:150px;
  overflow:scroll;
  }

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö overflow ÊôÐÔ¡£

×¢ÊÍ£ºÈκεİ汾µÄ Internet Explorer £¨°üÀ¨ IE8£©¶¼²»Ö§³ÖÊôÐÔÖµ "inherit"¡£

¶¨ÒåºÍÓ÷¨

overflow ÊôÐԹ涨µ±ÄÚÈÝÒç³öÔªËØ¿òʱ·¢ÉúµÄÊÂÇé¡£

˵Ã÷

Õâ¸öÊôÐÔ¶¨ÒåÒç³öÔªËØÄÚÈÝÇøµÄÄÚÈÝ»áÈçºÎ´¦Àí¡£Èç¹ûֵΪ scroll£¬²»ÂÛÊÇ·ñÐèÒª£¬Óû§´úÀí¶¼»áÌṩһÖÖ¹ö¶¯»úÖÆ¡£Òò´Ë£¬ÓпÉÄܼ´Ê¹ÔªËØ¿òÖпÉÒÔ·ÅÏÂËùÓÐÄÚÈÝÒ²»á³öÏÖ¹ö¶¯Ìõ¡£

ĬÈÏÖµ£º visible
¼Ì³ÐÐÔ£º no
°æ±¾£º CSS2
JavaScript Óï·¨£º object.style.overflow="scroll"

¿ÉÄܵÄÖµ

Öµ ÃèÊö
visible ĬÈÏÖµ¡£ÄÚÈݲ»»á±»ÐÞ¼ô£¬»á³ÊÏÖÔÚÔªËØ¿òÖ®Íâ¡£
hidden ÄÚÈݻᱻÐÞ¼ô£¬²¢ÇÒÆäÓàÄÚÈÝÊDz»¿É¼ûµÄ¡£
scroll ÄÚÈݻᱻÐÞ¼ô£¬µ«ÊÇä¯ÀÀÆ÷»áÏÔʾ¹ö¶¯ÌõÒÔ±ã²é¿´ÆäÓàµÄÄÚÈÝ¡£
auto Èç¹ûÄÚÈݱ»ÐÞ¼ô£¬Ôòä¯ÀÀÆ÷»áÏÔʾ¹ö¶¯ÌõÒÔ±ã²é¿´ÆäÓàµÄÄÚÈÝ¡£
inherit ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Рoverflow ÊôÐÔµÄÖµ¡£

TIY ʵÀý

ÈçºÎʹÓùö¶¯ÌõÀ´ÏÔÊ¾ÔªËØÄÚÒç³öµÄÄÚÈÝ
±¾ÀýÑÝʾµ±ÔªËØÄÚÈÝÌ«´ó¶ø³¬³ö¹æ¶¨ÇøÓòʱ£¬ÈçºÎÉèÖÃÒç³öÊôÐÔÀ´¹æ¶¨ÏàÓ¦µÄ¶¯×÷¡£
ÈçºÎÒþ²ØÒç³öÔªËØÖÐÒç³öµÄÄÚÈÝ
±¾ÀýÑÝʾÔÚÔªËØÖеÄÄÚÈÝÌ«´óÒÔÖÁÓÚÎÞ·¨ÊÊÓ¦Ö¸¶¨µÄÇøÓòʱ£¬ÈçºÎÉèÖà overflow ÊôÐÔÀ´Òþ²ØÆäÄÚÈÝ¡£
ÈçºÎÉèÖÃä¯ÀÀÆ÷À´×Ô¶¯µØ´¦ÀíÒç³ö
±¾ÀýÑÝʾÈçºÎÉèÖÃä¯ÀÀÆ÷À´×Ô¶¯µØ´¦ÀíÒç³ö¡£

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS ¶¨Î»

HTML DOM ²Î¿¼Êֲ᣺overflow ÊôÐÔ

VUE