DIV+CSSÖÆ×÷¹ö¶¯Ìõ
<style>
* {
margin:0;
padding:0;
}
body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
margin:10px;
}
#box1 {
border:1px solid #cccccc; padding:2px; width:80%; height:100px;
margin:0 auto;
}
#box2 {
height:100%;overflow: auto;
}
</style>
<div id="box1">
<div id="box2">¹ö¶¯Ìõ³öÀ´À<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
Ïà¹ØÎĵµ£º
¿í¶È×ÔÊÊÓ¦µÄdiv+cssµÄBOX
²Î¿¼:
http://space.cnblogs.com/group/topic/3617/
http://www.dynamicdrive.com/style/layouts/item/css-left-and-right-frames-layout/ Ò»¡¢Ð§¹û£º ¶þ¡¢Ëزģº Èý¡¢´úÂ룺 <style type="text/css">
.box{}
.box .box_tit{position:rela ......
һЩÐÂÊÖÅóÓѶÔÑ¡ÔñÆ÷Ò»Öª°ë½â£¬²»ÖªµÀÔÚʲôÇé¿öÏÂÔËÓÃʲôÑùµÄÑ¡ÔñÆ÷£¬ÕâÊÇÒ»¸ö±È½ÏÍ·ÌÛµÄÎÊÌ⣬Õë¶ÔÐÂÊÖÅóÓÑ£¬¶ÔCSSÑ¡ÔñÆ÷×÷һЩ¼òµ¥µÄ˵Ã÷£¬Ï£ÍûÄܶԴó¼ÒµÄѧϰ¹¤×÷ÓÐÒ»¶¨µÄ°ïÖú£¬¸ü¶àµÄCSS֪ʶÇë²Î¿¼Webjx.comµÄÆäËûÎÄÕ¡£
׼ȷ¶ø¼ò½àµÄÔËÓÃCSSÑ¡ÔñÆ÷»á´ïµ½·Ç³£ºÃµÄЧ¹û¡£ÎÒÃDz»±Øͨƪ¸øÿһ¸öÔªËض¨ÒåÀࣨclass£©»ò ......
±¾½Ì³ÌΪwww.sw-web.cnÍøÒ³Éè¼ÆѧԺÍƼöÎÄÕÂ
Èç¹ûÄãÏë³¢ÊÔһϲ»Óñí¸ñÀ´ÅÅ°æÍøÒ³£¬¶øÊÇÓÃCSSÀ´ÅÅ°æÄãµÄÍøÒ³£¬Ò²¾ÍÊdz£ÌýµÄÓÃDIVÀ´±àÅÅÄãµÄÍøÒ³½á¹¹£¬ÓÖ»òÕß˵ÄãÏëѧϰÍøÒ³±ê×¼Éè¼Æ£¬ÔÙ»òÕß˵ÄãµÄÉÏ˾ҪÄã¸Ä±ä´«Í³µÄ±í¸ñÅŰ淽ʽ£¬Ìá¸ßÆóÒµ¾ºÕùÁ¦£¬ÄÇôÄãÒ»¶¨Òª½Ó´¥µ½µÄÒ»¸ö֪ʶµã¾ÍÊÇCSSµÄºÐ×Óģʽ£¬Õâ¾ÍÊÇDIVÅÅ°æµÄºËÐÄË ......
IE8 ×Ô¶¯ÔÚ¼æÈÝģʽÏÂÔËÐУº
¼ÓÈëÕâôһÐÐ <meta http-equiv="x-ua-compatible" content="ie=7" />
ÆäÄÚÈÝËæÖøÖ¸¶¨µÄÒ³Ãæģʽ¶ø¸ü¸Ä£¬µ±ÒªÄ£ÄâIE7ʱ£¬Ö¸¶¨IE=IE7£¬Ò²¿ÉÒÔÖ¸¶¨IE=6À´Ä£·ÂIE6
Çø±ðIE6ÓëFF£º
background:orange;*background:blue;
Çø±ðIE6ÓëIE7£º
background:green !important;background:blue;
......
Èç¹ûÄãÊÇÍøվǰ¶Ë¿ª·¢ÈËÔ±£¬ÄÇô¶ÔÄãÀ´Ëµ£¬Ò²Ðí×öÒ»¸öƯÁÁµ¼º½²Ëµ¥»áºÜµÃÐÄÓ¦ÊÖ¡£±¾ÎÄҪΪ´ó¼Ò×ܽá¸÷ÖÖµ¼º½²Ëµ¥µÄ×ÊÔ´£¬ÒÔ±ãÈôó¼ÒµÄÍøվǰ¶Ë¿ª·¢µÄ¹¤×÷¸ü
·½±ã¸ü¿ìËÙ£¬Ö»ÒªÑ¡ÔñÏֳɵÄÀý×ӾͿÉÒÔÓ¦ÓÃÓÚ×Ô¼ºµÄÍøÕ¾ÁË¡£±¾ÎÄÊÕ¼¯µÄÕâЩ×ÊÔ´£¬´Ó·Ç³£¼òµ¥µÄHTMLºÍCSSµ¼º½²Ëµ¥£¬µ½·Ç³£¸´ÔӺ͸߼¶µÄ
JQuer ......