¡¾ÌáÎÊ¡¿ÎÊ´ó¼ÒÒ»¸öCSSÎÊÌâ-СÎÊÌâ
ÈçͼËùʾ ÎÒÏÖÔÚÕâ¸öÐÂÎÅÏêϸҳÃæµÄÄÚÈÝÄÚÈݹý¶àµÄ»°»á³öÏÖ scroll ÓõÄÊÇÒ»¸öCSSÊôÐÔ overflow:scroll ÎÒÏÖÔÚÏëÖªµÀÕâÑùÒ»¸öCSSÊôÐÔ ²»³öÏÖscroll¶øÊǸù¾ÝÕâdiv×Ô¶¯»»ÐС£ ÕâרҵÃû´Ê˵²»ÉÏÀ´ÁË¡£ ¾ÍÊÇÒ³Ãæ¸ù¾ÝÄÚÈÝÀ´±ä¡£ ÒªÊÇÐÐÊýºÜ¶àµÄ»°¾ÍÊÇä¯ÀÀÆ÷¶àscroll ¶ø²»ÊÇij¸ö²¿·Ö¶àscroll. ²»ÖªµÀ´ó¼ÒÃ÷°×·ñ¡£
¶¥ ¶àл¶¥µÄ¡£ Ï£ÍûÀ´ÈË°ïÎÒ¿´¿´¹þ¡£ ÎÒ¶¼²»ºÃÒâ˼ÀÍ·³·Ç¸çÁË¡£ ÓÃÕâ¸öÊôÐÔÊÔÊÔ word-wrap:break-word;ÕâÊÇÁ¬ÐøÓ¢ÎÄ×Öĸ»»ÐÐµÄ ÊúÖ±·½ÏòÒª³ö¹ö¶¯Ìõ¿ÉÒÔʹÓà overflow-y:scroll lzµÄÒâ˼ÊDz»ÊÇÈùö¶¯Ìõ³öÏÖÔÚ´°¿ÚÉ϶ø²»ÊÇÔÚ²ãÉÏ°¡£¿ overflow:autoÒýÓà lzµÄÒâ˼ÊDz»ÊÇÈùö¶¯Ìõ³öÏÖÔÚ´°¿ÚÉ϶ø²»ÊÇÔÚ²ãÉÏ°¡£¿ ÊÇÕâÑùµÄ¡£³öÏÖÔÚ²ãÉϲ»ºÃ¿´°¡¡£ °¥¡£ ÒýÓà overflow:auto autoµÄЧ¹ûºÍscrollµÄЧ¹ûÒ»ÑùµÄ¡£ ÊÔ¹ýÁË¡£¡£ ¡£ lz°ÑdivÁ¬´øÑùʽ·¢³öÀ´ µ÷ÊÔÍêÁË·¢¸øÄã¡£ÒýÓà lz°ÑdivÁ¬´øÑùʽ·¢³öÀ´ µ÷ÊÔÍêÁË·¢¸øÄã¡£ ÕâDIVÌ×Á˺öà²ã£¬ ºÜ²îµÄÒ»¸öÑùʽ¡£ ¶¼²»ºÃÒâ˼·¢Äñ¡£ overflow:auto divÉèÖÿí¶È¿´¿´ CSS code: .info { width:730px; margin:auto; padding:10px; border:1px solid #cfcfcf; } .info_bar {
Ïà¹ØÎÊ´ð£º
CSS code: body { } #x { width:1024px; height:768%; background-color:Red; position:relative; } #x.top { position:absolute; width:800px; height:100px; top:0px ......
¼ò½àʵÓõÄÊó±ê¾¹ý±äÉ«µÄboxЧ¹û£¬´¿CSSÖÆ×÷£¬ÏÂÃæÊÇÔ´´úÂ룬¿ÉÒÔÁí´æΪ .html ¸ñʽ²é¿´£¬»òÕßÔÚ×îÏÂÃæÓÐÔÚÏßÑÝʾµÄµØÖ·¡£ HTML code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ......
HTML code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org ......
Äܲ»ÄÜдһ¸öcssµÄÀà ÈÃËùÓÐinput type="button"µÄ°´Å¥Ö±½Ó×Ô¶¯Ì×ÓÃÕâ¸öÀà ¶ø²»ÓÃÎÒÒ»¸öÒ»¸öÊÖ¶¯È¥¼Óµ½Ã¿¸öinputÀïÃ棿 ÒòΪÎÒÓкöàÒ³Ã涼ÓÃÒ»¸öCSS£¬ËùÒÔÖ»ÒªÐèÒªÊÖ¶¯¼ÓµÄ·½·¨¶¼²»¿ ......
ÒÔÏÂÊÇ´úÂ룬¿ÉÒÔÁí´æΪ .html ¸ñʽ²é¿´Ð§¹û¡£ HTML code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt ......