元素的宽

最新推荐文章于 2024-01-26 11:02:55 发布

HaahLeel

最新推荐文章于 2024-01-26 11:02:55 发布

阅读量405

点赞数

CC 4.0 BY-SA版权

分类专栏： miaov 笔记

本文链接：https://blog.youkuaiyun.com/NewStart_lh/article/details/46602623

miaov 笔记专栏收录该内容

21 篇文章

订阅专栏

<style>
    #box{
        width:50px;
        height:50px;
        padding:20px;
        margin:20px;
        border:1px solid red;
    }
</style>
<div id="box"></div>

<script>
    var oDiv=document.getElementById('div1');
    alert(oDiv.style.width);//样式宽 50px
    alert(oDiv.clientWidth);//可视宽 90 50+padding
    alert(oDiv.offsetWidth);//占位宽 92 50+padding+border
</script>