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×ÔÊÊÓ¦¿í¶ÈÒ»Ñù¡«
{{--
Ïà¹ØÎÊ´ð£º
ÎÒÓпÕûÓÐÊÂ×öÑо¿Ò»ÏÂCSS+DIV,ÏÖ×öÒ»Ìõµ¼º½Ìõ£¬Óöµ½Ò»¸öÎÊÌ⣬Ëü´ó¼Ò°ïæ½â¾öһϣº
ÒÔÏ´úÂë¿ÉÒÔʵÏÖ¾ÓÖУ¬µ«ÓÐÒ»¸öÎÊÌâ¾ÍÊÇ£¬Èç¹ûÎÒ¼Ó¶àÒ»¸öÀ¸Ä¿±ÈÈç¼Ó¶àÒ»¸öHTML code:
<li><a href="" ......
³õѧCSS Óöµ½Ò»¸öÎÊÌâ ²»ÖªµÀÔõôʵÏÖ ¸ßÊÖ°ï°ïæ
ÎÒ¶¨ÒåÁËÒ»¸ö±ß¿ò ÏëÈñ߿òµÄ×óÓÒÁ½±ß·¢¹â ÓÃÂ˾µfilter:glow()Ó¦¸Ã¿ÉÒÔʵÏÖ¿ÉÊDz»ÖªµÀÔõôд
Èç¹û²»ÄÜʵÏÖʲô·½·¨ÄÜʵÏÖÄØ£¿
ÎÒдµÄ
......
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬Ä ......
setSampleList : function(dataList){
var newslist = document.getElementById("newslist");
var basePath = document.getElementById("basePath").value ......
HTML code:
<div style="width:200px; border:1px #CCC solid; height:160px;">
<div style="width:100%; z-index:1000; border:1px #F00 solid; height:50px;">
< ......