CSS´úÂëÖеġ°clear:both;¡±Ê§Ð§ÁË
ÎÒ×î½üÔÚÄ£·Â²©¿ÍÔ°£¬ÖÆ×÷Ò»¸ö¸öÈ˲©¿Í£¬Í»È»·¢ÏÖFooter²¿·Ö¸¡¶¯µ½ÁËContent²¿·Ö£¬ÎÒÔÚFooter²¿·ÖÒѾ¼ÓÁËÒ»¾ä¡°clear:both;¡±£¬ÎªÊ²Ã´»¹»á³öÏÖÕâ¸öÎÊÌâ¡£Footer²¿·ÖµÄCSS´úÂëÈçÏ£º /*Ò³Ãæµ×²¿*/
#Footer {width:100%;height:70px;margin:0 auto;clear:both;} /*Èç¹û¼ÓÁËclear:both; ´Ë²¿·Ö¾Í²»»á¸¡¶¯ÁË*/
#Footer p{text-align:center;line-height:2.0em;width:auto;} ÒòΪ֮ǰҳÃæ²»»á³öÏÖÀàËƵÄÇé¿ö£¬ÎÞÂÛ×ó±ßµÄµ¼º½À¸ºÍÓұߵÄÄÚÈÝÇøÓòÈçºÎ±ä»¯£¬Footer²¿·Ö¶¼»áÀÏÀÏʵʵµÄÔÚ×Ô¼ºµÄ¸ÚλÉÏ¡£ºóÀ´£¬ÎÒÖÕÓÚÕÒ³öÁ˳öÏÖÕâ¸öÎÊÌâµÄÔÒò£ºContent²¿·ÖµÄHtmlÄÚÈÝÊÇ´ÓÊý¾Ý¿âÖ±½Ó½ØÈ¡³öÀ´µÄ£¬´Ë²¿·Ö´æÔÚÒ»ÐжàÓàµÄ´úÂë
¡°¡± ²¢ÇÒûÓбê¼ÇºÍ±ê¼ÇºÍÆä¶ÔÓ¦£¬ËùÒÔµ¼ÖÂÏÂÃæ´ó²¿·Ö´úÂëʧЧ¡£ÈçÏÂͼËùʾ£º
½â¾ö·½°¸¾ÍÊǽ«¶àÓàµÄ´úÂë¡°¡± ɾ³ý£¬²âÊԳɹ¦¡£ ×ܽ᣺1¡¢Èç¹ûÏë´ÓÊý¾Ý¿âÖнØÈ¡Ò»²¿·Ö°üº¬html±ê¼ÇµÄÄÚÈÝ£¬±ØÐëÌáÇ°¶ÔÆä½øÐиñʽ»¯£¬·ñÔòһЩ²»ÍêÕûµÄhtml±ê¼Ç»áµ¼ÖÂһЩ²»¿ÉÔ¤ÁϵĴíÎó¡£ 2¡¢html¸ñʽ»¯µÄ·½·¨´ýÐø¡£
Ïà¹ØÎĵµ£º
ÔÚJSPÒ³ÃæÉϼÓÈë
<%String path = request.getContextPath();%>
<link href="<%=path%>/css/style.css" rel="stylesheet" type="text/css">
ÏÂÁз½Ê½Ã²ËƲ»ÐУº
<link href="../css/style.css" rel="stylesheet" type="text/css">
<link href="../../css/style.css" rel ......
ת×Ô£º
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ͼƬÅÜÂíµÆ</title>
</head>
<body>
<div style="overflow:hidden; width:350px" id='div'>
<!-- ÕâÀïÊǵÚÒ»¸ö¹Ø¼üµã£¬o ......
Óà UL ÖÆ×÷²Ëµ¥ÏÖÔڷdz£Á÷ÐУ¬ÄÇÎÒÃÇÒ²´Õ´ÕÈÈÄÖ£¬µÚÒ»½²¾Í˵˵Óà UL ÖÆ×÷µ¼º½²Ëµ¥µÄ·½·¨£¬ÕâÒ»½²ÊÇÈëÃŰ棬ֻÊÇʵÏÖ»ù±¾¹¦ÄÜ£¬»¶Ó¸÷λ·¢²¼×Ô¼ºµÄʵÏÖ·½Ê½¡£
ÎÒÃÇÏȶ¨Ò»Ï HTML ´úÂ룺
<ul id="menu">
<li><a href="http://www.codebit.cn">CodeBit.cn</a></li>
<li><a href="h ......
¡¡¡¡CSSѧÆðÀ´²¢²»ÄÑ£¬µ«ÔÚ´óÐÍÏîÄ¿ÖУ¬¾Í±äµÃÄÑÒÔ¹ÜÀí£¬ÌرðÊDz»Í¬µÄÈËÔÚCSSÊéд·ç¸ñÉÏÉÔÓв»Í¬£¬ÍŶÓÉϾ͸ü¼ÓÄÑÒÔ¹µÍ¨£¬Îª´Ë×ܽáÁËһЩÈçºÎʵÏÖ¸ßЧÕû½àµÄCSS´úÂëÔÔò£º
1. ʹÓÃResetµ«²¢·ÇÈ«¾ÖReset
¡¡¡¡²»Í¬ä¯ÀÀÆ÷ÔªËصÄĬÈÏÊôÐÔÓÐËù²»Í¬£¬Ê¹ÓÃReset¿ÉÖØÖÃä¯ÀÀÆ÷ÔªËصÄһЩĬÈÏÊôÐÔ£¬ÒÔ´ïµ½ä¯ÀÀÆ÷µÄ¼æÈÝ¡£µ«ÐèÒª×¢Ò ......
IE ä¯ÀÀÆ÷ÖÐ CSS ÌØÐÔµÄ×î´óµÄÎÊÌ⣺»á·´¸´Ö´ÐУ¬Ã¿ÃëÖÓ¿ÉÄÜÖ´ÐÐÁ˳ɰÙÉÏǧ´Î£¬ÓÐÑÏÖصÄÐÔÄÜÎÊÌâ¡£
ÈçºÎ¶Ô CSS ½øÐÐÓÅ»¯ÄØ£¿
ÖÁÉÙ£ºÈç¹ûÎÒÃǽ« CSS ÔÚÆ¥ÅäµÄÔªËØÖнöÖ´ÐÐÒ»´Î£¬ÐÔÄܽ«»áÌáÉýºÜ´ó¡£
&nb ......