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
¶¯ÊÖÓÃÉÏÃæµÄÀý×Ó£¬Àí½â¾ø¶Ô£¬Ïà¶ÔµÄ¸ÅÄî¡£
Ïà¹ØÎĵµ£º
.inputbox {
padding-left: 2px;
border-top: 1px solid #9AA587;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #9A ......
ÕâÀïÌṩcssÂ˾µ´úÂ룬
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ʹÓ÷½·¨£ºÕâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×£¬½«´úÂë¼Óµ½ÍøÕ¾Ò³ÃæCSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°¡£
Èç¹ûÍøÕ¾Ã»ÓÐʹÓÃCSS£¬¿ÉÒÔÔÚÍøÒ³/Ä£°åµÄHTML´úÂë<head>ºÍ</head> Ö®¼ä²åÈ룺
<style>
html{filter:progid: ......
ʲôÇé¿öÏ»á³öÏÖ»»ÐУº
µ±ÔªËØÉèÖÃÁ˹̶¨¸ß¶È£¬²¢ÇÒÎı¾³¤¶È´óÓÚ±êÇ©ÔªËØµÄ¿í¶Èʱ£¬Îı¾»á×Ô¶¯»»ÐС£
cssÇ¿ÖÆ»»ÐÐʹÓÃÑùʽ£ºwhite-space:nowrap;¸ÃÑùʽ´ÓЧ¹ûÉÏÊÇûÓÐä¯ÀÀÆ÷²îÒ죬ʹÓøÃÑùʽºóËùÓÐÎÄ×ÖÔÚieºÍfirefox϶¼ÔÚÒ»ÐÐÄÚÏÔʾ¡£µ«ÊÇÔÚIEÏÂʹÓøÃÊôÐÔÖµºó±êÇ©ÔªËØ¿í¶È»á±»³Å´ó£¬´Ó¶ø¿ÉÄܵ¼ÖÂÔÀ´Ò³Ãæ²¼¾Ö±»ÆÆ»µ¡£
......
×¢ÒâÊÂÏ
ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......
CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯
³ö´¦£ºÍøÒ³½ÌÑ§Íø
×÷ÕߣºØýÃû
ÈÕÆÚ£º2009-03-09
¡¡
¡¡ÔÚCSSÖУ¬ÊµÏÖ·ÖÀ¸²¼¾ÖÓÐÁ½ÖÖ·½·¨¡£µÚÒ»ÖÖ·½·¨ÊÇʹÓÃËÄÖÖCSS¶¨Î»Ñ¡Ïabsolute
¡¢static¡¢relativeºÍfixed£©Öеľø¶Ô¶¨Î»£¨absolute
positioning£©£¬Ëü¿ÉÒÔ½«ÎĵµÖеÄij¸öÔªËØ´ÓÆäÔ±¾Î»ÖÃÉÏÒÆ³ý£¬²¢ÖØÐ¶¨Î» ......