如何让这段代码在不同屏幕尺寸下,显示在固定的位置上
如何让这段代码在不同屏幕尺寸下,显示在固定的位置上
<style type="text/css">
*{ margin:0;padding:0;}
#warpper{ position:absolute; left:295px; top:1303px;width:680px;}
h5{ float:left;}
dl{ height:30px; line-height:30px; background:url(img/pyjs.gif) padding:0 5px;}
dt,.normal{ float:left; padding:0 6px; border-right:1px solid #ccc; text-decoration:none; width:auto; cursor:pointer; font-weight:bold; font-size:16px;}
dt.over{ position:relative;border:1px solid #86e5f0; padding:0 10px 15px 10px; border-bottom:1px solid #caf1f1; margin:-1px 0 0 -1px; z-index:1000; color:#ff6026; text-decoration:underline; background:#caf1f1; height:22px; }
.dadu{ float:left; list-style-type:none; margin:5px 10px; width:120px; font-weight:bold;}
dl dd{ position:absolute; width:680px; left:0;top:37px!important; border:1px solid #86e5f0; background:#caf1f1; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=120, color=#cccccc); padding:6px 0;}
.block{ display:block;}
.none{ display:none;}
</style>