´ó¼Ò°ï¿´¿´Ò»¸öcss£¬Ð»Ð»
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;">
<!--ºìÉ«¿ò -->
</div>
<div style="width:100%; z-index:-1; border:1px #000 solid; height:100px;">
<!--ºÚÉ«¿ò -->
</div>
</div>
ÎÒÏë°ÑºìÉ«¿ò²»Òª³Å¿ªºÚÉ«¿ò£¬¶øÊÇÖØµþÔÚºÚÉ«¿òµÄÉÏÃæ£¬ÎÒÕâÑùÃ²ËÆ²»Ðе쬼ÓÁËposition:absolute»òÕßposition:relativeÒ²²»ÐУ¬Çë´óϺָµãÖ¸µã
HTML code:
<div style="width:200px; float:left; border:1px #CCC solid; height:160px;">
<div style="width:190px; position:absolute; z-index:1000; border:1px #F00 solid; height:50px;">
<!--ºìÉ«¿ò -->
</div>
<div style="width:190px; z-index:-1; border:1px #000 solid; height:100px;">
<!--ºÚÉ«¿ò -->
</div>
</div>
ÎÒÕâÑù½â¾öµÄ
10·ÖÖӾͽâ¾öÁË£¿·¢ÂÛ̳Æñ²»ÊÇÀË·Ñʱ¼äÁË£¿
º¹
¾ÍÊǰ¡£¬¿à¿àŪÁ˰ëÌ죬·¢Ìûºó¼¸·ÖÖӾ͸㶨ÁË£¬
ºÜ¶àʱºò¶¼ÊÇÕâÑùµÄ£¬ÕæÉñÆæ
ѧϰ......
Ïà¹ØÎÊ´ð£º
²»¶®ËûÍø¸ñÈçºÎÔÀí
\Using Nesting Grids
YUI Grids CSS provides a system for subdividing sections of your page with nestable grids. Use this technique to easily create complex layouts that go ......
setSampleList : function(dataList){
var newslist = document.getElementById("newslist");
var basePath = document.getElementById("basePath").value; ......
ÏÖÓÐÎÊÌâÈçÏ£º
ÓÐÒ»¸ö±í¸ñ£¬±íÍ·¹Ì¶¨£¬ÉÏÏÂÍ϶¯µÄʱºò±íͷλÖò»±ä¡£
ÏÖÐèÒª×ö³É±íÍ·¹Ì¶¨£¬¶øÇÒµÚÒ»ÁÐÒ²¹Ì¶¨²»±ä£¬¶øÏÖÔÚÎÊÌâÈçÏ£º
Á½¸öCSSÑùʽ£º
.Freezing
{
position: relativ ......
µ±¸ö²ãdiv CSSÑùʽ±»ÉèÖóÉfloat:leftÒÔºó
Ëû¾ÍÊÇÒ»¸ö·Ç±ê×¼Á÷ÁË£¬ËûµÄ¸ß¶ÈÒ²±ä³ÉÁË0£¿
ÇëÎÊʲôÊǷDZê×¼Á÷£¨Í¨Ë×Ò»µã£¬ºÇºÇ£©£¿
Ϊʲô¸ß¶È»á±ä³É0ÄØ Ëû²»ÊÇÃ÷Ã÷»¹ÔÚÒ³ÃæÏÔʾÂ𡣡£¸Õ³õѧCSS£ ......