ÇëÎÊDIV+CSS Õâ¸öЧ¹ûÔõô×ö?
ÇëÎÊһϠÓÃÒ»¸öDIV ¿ÉÒÔ×öµ½ÕâÑùµÄЧ¹ûÂð ?
²»ÖªÕâ¸öËã²»ËãÒ»¸öDIV£¿
HTML code:
<style type="text/css">
.demo {
border: 1px solid #8fb9d1;
background-color: #edf8fe;
padding: 5px;
}
.demo span {
border: 1px solid #d5effc;
background-color: #fff;
width: 100%;
display: inline-block;
}
</style>
<div class="demo">
<span>abcdeftg</span>
</div>
Ïà¹ØÎÊ´ð£º
ÎÒÏë×öµÄÊÇÕâÑùÒ»¸öЧ¹û£¬Äã×ó±ß×öµÄÊǵ¼º½²Ëµ¥£¬¼ÙÈçÓÐÈô¸É¸ö³¬¼¶Á´½Ó£¬µã»÷ij¸öºóÕâ¸öÁ´½ÓµÄÄÚÈÝÒªµ½ÓÒ±ßÏÔʾ¡£µ±È»Õâ¸ö¹¦ÄÜ¿ÉÒÔʹÓÃHtmlÖÐµÄ frame¿ò¼ÜʵÏÖ£¬µ«ÊÇÏÖÔÚÓкܶàµÄä¯ÀÀÆ÷²»Ö§³ÖÕâÖÖframe£¬Äܲ»ÄÜÓÃcss ......
ÔÚʹÓÃ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 ......
ÓÃCSSÄÜ¿ØÖÆstruts±êÇ©¿Ø¼þºÍ¿Ø¼þÀïµÄÎÄ×ֵĴóСÂð?
Çë¶®µÄÅóÓÑÖ¸½Ìһϣ¡
лл£¡
ÊÔһϰɣ¡
CSS code:
<style type="text/css">
body{
font-size:30px;
}
</style>
ÎÒ ......