Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

css¶¨Î»µÄÇø±ð£ºrelative,absolute

Ê×ÏÈÒ»µãÐèÒªÖªµÀ£¬
ÿ¸öä¯ÀÀÆ÷¶¼ÓÐ×Ô¼ºÄ¬ÈϵÄĬÈÏÑùʽ£¬ÎªÁËÈÃÒ³ÃæÄÚÈÝÏÔʾÔÚä¯ÀÀÆ÷ÖÐËùÏ£ÍûµÄλÖ㬶ø²»ÊǼ̳ÐĬÈÏÑùʽ£¬¾ÍÐèÒªÔÚbodyÑ¡ÔñÆ÷ÖÐÖØÐÂÉ趨marginºÍpaddingµÄÊôÐÔÖµ¡£
ÈçÏÂËùʾ£º
body
{
 margin:0;
 border:0;
}
Æä´Î£¬Á·Ï°Ê±ÓÃÕâ¸öÀý×Ó£º
htmlÄÚÈÝ£º
<body >
 
  <div id="container1">
       <div id="container2">
       </div>
       <p>
       <-- ÕâÀïÒª¶àдЩ×Ö£¬5ÐÐÒÔÉϰɣ¬-->
       </p>
 </div>
 
</body>
cssÄÚÈÝ£º
body
{
 margin:0;
 border:0;
}
#container1
    {
    width: 400px;
    height:400px;
    margin:10;
    border:1px solid #000;
    background: #592;
    }
#container2
    {
    width: 200px;
    height:200px;
    border:1px solid #000;
    background: #582;
    }
²Î¿¼Õâ¸öÁ´½ÓÀïµÄ½²½â£º
http://www.pqshow.com/design/htmlcss/200912/12653.html
¶¯ÊÖÓÃÉÏÃæµÄÀý×Ó£¬Àí½â¾ø¶Ô£¬Ïà¶ÔµÄ¸ÅÄî¡£


Ïà¹ØÎĵµ£º

div+cssʵÏÖÒ³Ãæ¾Ö²¿´òÓ¡

CSSʵÏÖ¾Ö²¿´òÓ¡
¹Ø¼ü×Ö: cssʵÏÖ¾Ö²¿´òÓ¡
        ÔÚʵÏÖ´òÓ¡Ô¤ÀÀµÄʱºò£¬¿ÉÒÔ²ÉÓÃJSÀ´Íê³ÉÕâÒ»¹¦ÄÜ£¬µ«ÕâÑù»áÈÃËùÓÐÔÚÒ³ÃæÉϵIJ¿·Ö¶¼´ðÓ¦³öÀ´£¬°üÀ¨Ïñ“´òÓ¡Ô¤ÀÀ”ÕâÑùµÄ°´Å¥Ò²»á´òÓ¡£¬ÕâÑùµÄÇé¿ö£¬¿ÉÒÔ²ÉÓÃCSSÀ´Íê³É¾Ö²¿´ðÓ¦µÄ¹¦ÄÜ¡£
     & ......

ÍøÒ³Éè¼Æ CSS²¼¾Öµ÷ÊÔµÄÓÐЧ·½·¨

Webǰ¶Ë
  ÍøÒ³Éè¼ÆÖÐCSS²¼¾ÖÊǺÜÖØÒªµÄ²¿·Ö£¬ÏÂÃæ½éÉܼ¸ÖÖ¼ì²éµ÷ÊÔCSS²¼¾ÖµÄÓÐЧ·½·¨¡£
¡¡¡¡1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾­³£»áŪ´ídivµÄǶÌ×¹ØÏµ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2. ¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ ......

Css ÈëÃÅѧϰ cssÏÂÀ­²Ëµ¥ÖÆ×÷

×¢ÒâÊÂÏ
             ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......

CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯

CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯
³ö´¦£ºÍøÒ³½ÌÑ§Íø
×÷ÕߣºØýÃû
ÈÕÆÚ£º2009-03-09
¡¡
¡¡ÔÚCSSÖУ¬ÊµÏÖ·ÖÀ¸²¼¾ÖÓÐÁ½ÖÖ·½·¨¡£µÚÒ»ÖÖ·½·¨ÊÇʹÓÃËÄÖÖCSS¶¨Î»Ñ¡Ïabsolute
¡¢static¡¢relativeºÍfixed£©Öеľø¶Ô¶¨Î»£¨absolute
positioning£©£¬Ëü¿ÉÒÔ½«ÎĵµÖеÄij¸öÔªËØ´ÓÆäÔ­±¾Î»ÖÃÉÏÒÆ³ý£¬²¢ÖØÐ¶¨Î» ......

FireFoxÓëIEÖÐCSS¼æÈݼ¼¼¯½õ

1 Õë¶Ôfirefox ie6 ie7µÄcssÑùʽ
ÏÖÔڴ󲿷ֶ¼ÊÇÓÃ!importantÀ´hack£¬¶ÔÓÚie6ºÍfirefox²âÊÔ¿ÉÒÔÕý³£ÏÔʾ£¬
µ«ÊÇie7¶Ô!important¿ÉÒÔÕýÈ·½âÊÍ£¬»áµ¼ÖÂÒ³ÃæÃ»°´ÒªÇóÏÔʾ£¡ÕÒµ½Ò»¸öÕë
¶ÔIE7²»´íµÄhack·½Ê½¾ÍÊÇʹÓÓ*+html”£¬ÏÖÔÚÓÃIE7ä¯ÀÀһϣ¬Ó¦¸ÃûÓÐÎÊÌâÁË¡£
ÏÖÔÚдһ¸öCSS¿ÉÒÔÕâÑù£º
#1 { color: #33 ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ