¹ØÓÚcssÎÊÌâ
<!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/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ÎÞ±êÌâÎĵµ </title>
<style>
*{border:1px solid #eee;}
body{
border-color:#09f;
}
#ul{list-style:none;width:800px;height:600px;margin:0 auto;padding:20px;}
#li1{width:200px;height:200px;border-color:red;position:relative;}
#li2{width:200px;height:150px;border-color:green;float:left;margin-left:-30px;margin-top:-202px;}
#li3{width:200px;height:100px;border-color:blue;float:left;margin-left:20px;margin-top:-202px;}
</style>
</head>
<body>
<ul id=#id>
<li id=li1>li1 </li>
<li id=li2>l i2dfsadfadfadfa </li>
<li id=li3>li3 </li>
</ul>
<div style="margin:300px; border:1px solid #00FF00; height:100px;float:left;width:300px">ÌìÏ </div>
</body>
</html>HTML code:
Ö÷ÒªÏëÎʵÄÊÇmarginÕâ¸öÊôÐÔ²»ÊDZíʾÍâ±ß¾àµÄ¿í¶ÈÂð¡£Õâ±ßµÄ#ulÀà±ê¼Çmar
Ïà¹ØÎÊ´ð£º
ÎÒÏë×öµÄÊÇÕâÑùÒ»¸öЧ¹û£¬Äã×ó±ß×öµÄÊǵ¼º½²Ëµ¥£¬¼ÙÈçÓÐÈô¸É¸ö³¬¼¶Á´½Ó£¬µã»÷ij¸öºóÕâ¸öÁ´½ÓµÄÄÚÈÝÒªµ½ÓÒ±ßÏÔʾ¡£µ±È»Õâ¸ö¹¦ÄÜ¿ÉÒÔʹÓÃHtmlÖÐµÄ frame¿ò¼ÜʵÏÖ£¬µ«ÊÇÏÖÔÚÓкܶàµÄä¯ÀÀÆ÷²»Ö§³ÖÕâÖÖframe£¬Äܲ»ÄÜÓÃcss ......
cssÖÆ×÷µÄµ¯³ö²Ëµ¥£¬Êó±êÒÆ³öºó²Ëµ¥Ïûʧ£¬ÎÒÏÖÔÚÏëÈÃÊó±êÒÆ³öºó²Ëµ¥±£Áô¡£¾ÍÏñÒÁÀû¹«Ë¾£¨www.yili.com)Ò»Ñù¡£
ÊDz»ÊÇÒª¸Ä²Ëµ¥µ¯³öµÄjs»òcss´úÂë¡£´úÂëÈçÏ£º¾ÍÊDz»ÖªÈçºÎ¸Ä?
function menuFix()
{var sfEls = doc ......
CSS code:
body {
}
#x
{
width:1024px;
height:768%;
background-color:Red;
position:relative;
}
#x.top
{ position:absolute;
width:800px;
height:100px;
top:0px ......
ÄÄλ¸ßÊÖÄܰïÎÒ½â¾öÕâ¸öÎÊÌ⣺
ÓÐûÓÐcssʵÏÖ±íµ¥µÄÏÂÀ¿ò¼ýÍ·ÓÃͼƬ´úÌæ£¿²»ÓÃjs
ÎÒʹÓÃÁËjsºó£¬ÔÊÐí¿Ø¼þÔËÐÐǰģ¿é±äÐΣ¬ÔÊÐíºó²ÅÕý³£ÏÔʾ£¬ËùÒÔÎÒÏëÔËÓÃcssÀ´ÊµÏÖ¡£
лл£¬ÔÚÏߵȡ£
ºÃÏñ¶¼ÊÇÓÃJS¡£¡£À´ÊµÏÖ± ......
ÇëÎÊhtmlÖÐÄÄЩ±êÇ©µÄÄÄЩÊôÐÔĬÈÏ״̬ÏÂÊÇÄܹ»±»×Ó´úËù¼Ì³ÐµÄ£¿±ÈÈçÎÒдÁËÈçÏ´úÂ룺
<ul>
<li id="first"><a href="#">°ïÖú</a></li& ......