css¸¡¶¯
ÎÊÌâÔÚ´úÂëÖУ¡
JScript code:
<div style="width:800px;height:200px;border:1px #dcdcdc solid">
¸¸divΪdiv3
<div style="width:200px;height:200px;background:red;float:left">div1</div>
<div style="height:200px;background:yellow;float:left;width:300px;">div2</div>
</div>
<div>
<p>ÒÑÖª£ºdiv1µÄ¿í¶È¡£div3µÄ¿í¶ÈÊÇ»µÄʱºò²ÅÖªµÀ£¨Ï൱ÓÚδ֪£©¡£div2¿í¶Èδ֪¡£</p>
<p>1£¬Ï£Íû´ïµ½Ð§¹ûΪdiv1ºÍdiv2Äܹ»ÔÚÒ»ÐÐÏÔʾ£¬²¢Ê¹div2Äܹ»¿í¶È×î´ó¡£¶¨Î»Ð§¹ûËæÒ⣬ÎÞÂÛ float»¹ÊÇposition£¬Ö»Òª´ïµ½Ð§¹û¾ÍÐС£</p>
<p>2£¬Ï£ÍûCSSʵÏÖ£¡</p>
</div>
¾ÍÏñtableµÄµÚ¶þ¸ötd×ÔÊÊÓ¦¿í¶ÈÒ»Ñù¡«
{{--
Ïà¹ØÎÊ´ð£º
ÎÒÓÃDIV+CSS×öÁËÒ»¸ö¿ÉÒÔÒÆ¶¯µÄ²ã¡£¡£¡£¡£ÔõôÑù½«Õâ¸ö²ãµÄÊý¾Ý±£´æµ½Êý¾Ý¿âÖС£¡£¡£¡£ÔÚ´ò¿ªÒ³ÃæµÄʱºòÔÚ´ÓÊý¾Ý¿âÖмÓÔØ³öÀ´ÏÔʾ£¡£¡£¡£¡£¡£¡£¡ÄÄλ¸çÃÇÓÐÀý×ӵĿɲ»¿ÉÒÔ·¢¸øÎÒ
div ¶ÔÓ¦µÄλÖÃÓÃfrom¸øµ½ACTION ´æ ......
ÏÖÔÚÕýÔÚ×öASP.NET ¶¯Ì¬Éú³É¾²Ì¬Ò³
ÏÖÔÚÎÊÌâÊÇÕâÑù
ÎÒµÄÄ£°åÒ³ÎÒ·ÅÔÚÁËÒ»¸öÎļþ¼ÐÖÐ ±ÈÈçTemplate/Template.html
È»ºóÎÒͨ¹ý³ÌÐò×Ô¶¯Éú³ÉHTMLÒ³Ãæ
Éú³ÉµÄHTML ÊÇ·ÅÔÚ²»Í¬µÄÎļþ¼ÐÏ ±ÈÈçmainFol ......
ÎÒÓпÕûÓÐÊÂ×öÑо¿Ò»ÏÂCSS+DIV,ÏÖ×öÒ»Ìõµ¼º½Ìõ£¬Óöµ½Ò»¸öÎÊÌ⣬Ëü´ó¼Ò°ïæ½â¾öһϣº
ÒÔÏ´úÂë¿ÉÒÔʵÏÖ¾ÓÖУ¬µ«ÓÐÒ»¸öÎÊÌâ¾ÍÊÇ£¬Èç¹ûÎÒ¼Ó¶àÒ»¸öÀ¸Ä¿±ÈÈç¼Ó¶àÒ»¸öHTML code:
<li><a href="" ......
ÒªÇó¼æÈÝÖ÷Òªä¯ÀÀÆ÷£¬
×îºÃͼƬ²»ÓÃÉèÖÃpx´óС£¬¸ù¾Ý°üÈÝÌå´óС×Ô¶¯Ëõ·Å¡£
ÆÚ´ýÄÜÓÐÕâ·½ÃæÅŰæµÄרÌâ×ÊÁÏ¡£
ÇëÎÊimgºÍspanΪʲôҪÉèÖÃΪdisplay£ºblockÊôÐÔ£¬ÕâÑù×öÓÐʲôºÃ´¦£¬Í¼ÎÄÁбíÀý×ÓÀ´×ÔdedeÔÊ ......
CSS code:
body {
}
#x
{
width:1024px;
height:768%;
background-color:Red;
position:relative;
}
#x.top
{ position:absolute;
width:800px;
height:100px;
top:0px ......