cssÏÂÀ²Ëµ¥ÓÖ¿´²»Ã÷°×ÁË..
ÍøÉÏ¿´µ½µÄcss×öµÄÏÂÀ²Ëµ¥,ΪʲôȥµôÁË <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >¾Í²»ÄÜÓÃÄØ?
HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" >
<head>
<style type="text/css">
body {font-size:1%; color:#fff;} /*get rid of the IE bug that prints the the end of the !doctype */
.menu {display:none;}
.holder {color:#000; width:90px; height:18px; display:block; background:#dca; border:1px solid #000; margin-right:1px; text-align:left; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:10px; line-height:18px; overflow:hidden;}
.holder:hover {height:auto; cursor:pointer;color:#fff; background:#000;}
a.inner, a.inner:visited {display:block; width:89px; height:18px; border-bottom:1px solid #000; text-decoration:none; color:#000; background:#eee;}
a.inner:hover {background:#add;}
p { color:#000; font-size:16px;}
</style>
<!--[if IE]>
<style type="text/css">
/*<![CDATA[*/
.holder {display:none;}
.menu {display:block;}
a.outer, a.outer:visited {color:#000; width:90px; height:18px; display:block; background:#dca; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-dec
Ïà¹ØÎÊ´ð£º
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
CSS code:
body {
}
#x
{
width:1024px;
height:768%;
background-color:Red;
position:relative;
}
#x.top
{ position:absolute;
width:800px;
height:100px;
top:0px ......
ÎÒµÄÑùʽ±íдµÄÊÇ£º
body{
margin-left: 15%;
margin-right: 15%;
......
ÏëҪʵÏÖµã»÷×Ӳ˵¥ºó¸ü¸ÄÖ÷²Ëµ¥ÄÚÈÝ£¬ ÔÚie6ϸü¸ÄÍêÖ÷²Ëµ¥ºó£¬ hoverûÓÐÏìÓ¦£¬ÇëÎÊÎÊÌâ³öÔÚÄÄÀ
<head>
<meta http-equiv="Content-Type" content="text/html; charse ......
ÇëÎÊhtmlÖÐÄÄЩ±êÇ©µÄÄÄЩÊôÐÔĬÈÏ״̬ÏÂÊÇÄܹ»±»×Ó´úËù¼Ì³ÐµÄ£¿±ÈÈçÎÒдÁËÈçÏ´úÂ룺
<ul>
<li id="first"><a href="#">°ïÖú</a></li& ......