Question

javascript 获取宽度，然后再css中使用的问题

<style type="text/css">

*{margin:0;padding:0;}
#float_banner{position:absolute;top:0;left:0%;width:★★★★★;margin-left:0px;height:50px;line-height:50px;text-align:center;background:#fa0;color:#fff;font-size:17px;font-weight:bold;z-index:2;}
</style>

★★★★★的位置本来是设固定的宽度如360px，但是现在想把width这个值变为动态的，与屏幕宽度相同，请问怎么设置？

Answer 1

<script>
window.onload = function(){
    //把屏幕宽度赋值给该元素
    document.getElementById("float_banner").style.width = window.screen.width + 'px';
}
</script>

 的却，在css代码页可以执行js代码，但是，不建议这样做

Answer 2

首先js获取网页可见宽度

var offsetWidth = document.body.clientWidth
document.getElementById('id').style.width = offsetWidth+‘px’
这段代码，你放在onload事件中，写一个函数，然后执行一次