CSSʵÏÖframeset
Ê×ÏÈÊÇHTML´úÂë:
<div id="outer">
<div id="leftFrame" style="width: 20%;">
<div style="height: 30%" id="packageListFrame" title="All Packages" >
Package list goes here
</div>
<div style="height: 70%" id="packageFrame" title="All classes and interfaces (except non-static nested types)" >
Class list goes here
</div>
</div>
<div style="width: 80%;" id="classFrame" title="Package, class and interface descriptions">
Summary details go here
</div>
</div>
Ìí¼ÓÈçÏÂÑùʽ:
<style type="text/css">
#outer { position: relative; }
#leftFrame {
position: fixed;
height: 100%;
width: 20%;
top: 0;
}
#classFrame {
position: absolute;
left: 21%;
width: 77%;
}
#packageListFrame{
position: static;
height: 200px;
overflow: scroll; }
#packageFrame {
position: static;
height: 70%;
overflow: scroll;
}
</style>
Ïà¹ØÎĵµ£º
ÓÃdiv+css½â¾öVS2005Öв¼¾ÖÄѵÄÎÊÌâ
Div+CSS²¼¾ÖÈëÃÅ½Ì³Ì ¡¶×ª×Ô À¶É«ÀíÏë http://www.blueidea.com/tech/site/2006/3574.asp¡·
Ò³Ãæ²¼¾ÖÓë¹æ»®
ÔÚÍøÒ³ÖÆ×÷ÖУ¬ÓÐÐí¶àµÄÊõÓÀýÈ磺CSS¡¢HTML¡¢DHTML¡¢XHTMLµÈµÈ¡£ÔÚÏÂÃæµÄÎÄÕÂÖÐÎÒÃǽ«»áÓõ½Ò»Ð©ÓйØÓÚHTMLµÄ»ù±¾ÖªÊ¶£¬¶øÔÚÄãѧϰÕâÆªÈëÃŽ̳Ì֮ǰ£¬ÇëÈ·¶¨ÄãÒѾ¾ßÓÐÁË ......
½ñÌìÏÂÎ磬ÊÖÍ·ÉÏûʲôÊÂ×ö£¬ÓÚÊǾÍÉÏÍø²é¿´×ÊÁÏ£¬¿´µ½ºÜ¶àÈËдµÄYUI CompressorµÄʹÓ÷½·¨£¬´óÖÂдµÄ¶¼²»Ïêϸ£¬ÓÚÊÇ×Ô¼ºÀ´×ö¸ö×ܽᡣ
£¨1£©Ê×ÏÈÀ´¿´Ï£¬ÎªÊ²Ã´ÒªÑ¹Ëõjs»òcssÎļþ£¿
JS/CSSÎļþ´ó£¬Óû§·ÃÎÊÕ¾µãµÄʱºòÐèÒªÏÂÔØJS/CSSµÄʱ¼ä³¤¾Í»á¸Ð¾õÂý£¬ÓеÄÉõÖÁÓÉÓÚCSSµÄÎļþ¶øÔì³ÉÒ³Ãæ³õʼ´ò¿ªºÜÁèÂÒ¡ ......
Èç¹ûIE6ºÍIE7ÏÔʾ¶¼Õý³££»»ðºüҲûÓÐÎÊÌ⣻¼ì²é´úÂëҲûÓÐÎóʧ£»¾ÍÊÔÊÔ¼ÓÉÏÕâ¶Î´úÂë
IE8Ŀǰ»¹²»Îȶ¨£¬ÌÚѶÊ×Ò³ÀûÓÃIE7µÄÄÚºËÀ´äÖȾIE8£¬´úÂëÈçÏÂ:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> ......
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFC300;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFC300;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFC300;
Èç¹ûʹÓÃDw»òÕ߯ä ......