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 ......
Ò»¡¢Ê¹ÓÃSTYLEÊôÐÔ
½«STYLEÊôÐÔÖ±½Ó¼ÓÔÚ¸ö±ðµÄÔª¼þ±êÇ©À<Ôª¼þ(±êÇ©) STYLE="ÐÔÖÊ(ÊôÐÔ)1: É趨ֵ1; ÐÔÖÊ(ÊôÐÔ)2: É趨ֵ2;
...}
<td style="color:#c00; font-size:15px; line-height:18px;>
¡¡¡¡°ËÊ®Äê´ú
</td>
ÕâÖÖ·½·¨Óŵ㣺¿ÉÁ ......
IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁ򵀮äËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚÍ ......
ÈËÒ»µ©Ï°¹ßÁËijЩ¶«Î÷¾ÍºÜÄÑÈ¥¸Ä£¬ÒÔ¼°¸÷ÖÖ¸÷ÑùµÄÔÒò£¬ÐµÄä¯ÀÀÆ÷Ô½À´Ô½¶à£¬¶øÀϵÄ×ÜÌÔ̲»ÁË¡£Ôö³¤×ÜÊÇ¿ìÓÚÏûÍöµ¼ÖÂÁËä¯ÀÀÆ÷¼æÈÝÊdzÉÁË̸²»ÍêµÄ»°Ì⡣˵µ½ä¯ÀÀÆ÷¼æÈÝ£¬CSS HACK×ÔÈ»¶øÈ»µØ±»ÎÒÃÇÏëÆð¡£½ñÌ죬ÎÒÃÇͨ³£¶¼ÓÐÒ»¸öÍŶӻòÕß½«ÓÐÒ»¸öÍŶӵÄÈËÔÚÒ»¸ö¹«Ë¾ÀïÃæ×öÏàͬµÄÊ£¬ÐèÒªÎÒÃÇÓÐͳһµÄ¹æ·¶À´½øÐÐCoding£¬ÒÔ·½ ......