画面解像度に適応するウィンドウを使用して qq レイヤーをフローティングします_html/css_WEB-ITnose

/* 随窗口浮动层 */.service{position:absolute; width:100%; height:150px;}.service .div{position:relative; width:770px; margin:0 auto; height:172px;}.service .ser{position:absolute; padding:2px; width:92px; height:177px; border:2px solid #1A4E88; background:#fff; left:784px; top:133px;}.service .wel{width:92px; height:23px; background:#1F5FA5; color:#fff; text-align:center; line-height:23px; font-size:11px;}.service .qq{width:76px; height:88px; border:2px solid #eee; margin-top:2px; padding:6px;}

画面の解像度に合わせたい
幅 1024*768 のフローティングレイヤーがメインページに押し込まれている
幅 1024*768 を超えるフローティングレイヤーがメインページの外側にある
これは可能でしょうかCSSコードを変更することで実現できますか？

ディスカッションへの返信 (解決策)

<SCRIPT LANGUAGE="JavaScript"> function sc01(){ document.getElementById("Service").style.top=(document.documentElement.scrollTop)+"px"; document.getElementById("Service").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Service").offsetWidth)+"px";}</SCRIPT><SCRIPT LANGUAGE="JavaScript"> <!--function scall(){ sc01();}window.onscroll=scall;window.onresize=scall;window.onload=scall;//--></SCRIPT>