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 style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
ÒÔÉÏ´úÂëÔÚIEÖкÍfirefox»áÓв»Í¬µÄЧ¹û.×îÖ÷ÒªÔÒòÊÇfirefox½âÊÍpadding-topÓëIEµÄЧ¹û²»Í¬
fixfox¶ÔDIV×ܸ߶ÈÊÇpadding-top+heightµÄ,¶øIEÖÐ,padding-topÊǰüº¬ÔÚheightÖеÄ,
Òª½â¾öÕâÒ»¸öì¶Ü,¿ÉÒÔÀûÓÃ!imp ......
ÍøÒ³Éè¼ÆDIV+CSSÔªËØ½âÎö£¬<head>²¿·Öǰ£º
£¨Ò»£© DOCTYPE ºÍDTD
ÓÃDWн¨ÍøÒ³Ê±£¬×Ü»áÉú³ÉÒ»¾ä
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Õâ¾äÊÇDOCTYPEÉùÃ÷£¬DOCTY ......
Ò» cssµÄÓÅÏȼ¶
½ñÌìÓÐÈ˸úÎÒ˵css
hackÖÐÓÃ!importantÀ´Çø·Öie6£¬ÒòΪie6²»Ö§³Ö!important£¬ÊǵÄÔÚºÜÔçÒÔǰÎÒÒ²ÊÇÓùýÕâÖÖ·½·¨Ð´hack£¬µ«ÊǺóÀ´¾Í»ù±¾²»ÓÃÁË¡£±¾À´ÎÒ¶ÔËû˵Äie6²»Ö§³Ö!importantҲûʲôÒìÒ飬¿ÉÊÇÕýºÃÔÚǰ¼¸ÌìÕýºÃÓøöÕâ¸ö!importantÊôÐÔ½â¾öÁËÒ»¸öÑùʽÓÅÏȼ¶µÄÎÊÌ⣬¶øÇÒÊÇÖ§³Öie6µÄ£¬ÕâÊÇÎªÊ²Ã´ÄØ£¿ ......
jsûЧ¹û:Èç¹ûÔÚÒÔUpdatePanelµÄ·½Ê½µÄ¾Ö²¿»Ø´«ÖУ¬ÆÕͨµÄJavascript´úÂëÔÚÕâÖÖ¾Ö²¿»Ø´«ÖоͲ»»áÔÚ´¥·¢ÁË£¬¾Í±ØÐëʹÓÃscriptmanager.RegisterClientScript·½·¨£¨ÔÚ<form>ºóÃæ×¢²á<script>£©ºÍscriptmanager.RegisterStartupScript·½·¨£¨ÔÚ</form֮ǰע²á<script>£©
ÔÚÄãµÄÓû§¿Ø¼þµÄºó¶ËµÄij¸öºÏÊÊÎ ......
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»òÕ߯ä ......