元素滚动条占据部分是否占据height和width尺寸-阿里云开发者社区

元素滚动条占据部分是否占据height和width尺寸

2018-03-01 1054

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

本章节介绍一下元素的滚动条占据的部分是否包含在此height或者width尺寸之中

下面就通过代码实例做一下演示。

代码如下:

 
         <!DOCTYPE html><
         html
         > 
        
         <
         head
         > 
        
         <
         meta 
         charset
         =
         " utf-8"
         > 
        
         <
         meta 
         name
         =
         "author" 
         content
         =
         "http://www.softwhy.com/" 
         /> 
        
         <
         title
         >scrollWidth和scrollHeight属性-蚂蚁部落</
         title
         > 
        
         <
         style 
         type
         =
         "text/css"
         > 
        
         *{
        
         margin:0px; 
        
         padding:0px; 
        
         }
        
         #box{
        
         width:200px; 
        
         height:150px; 
        
         background-color:red; 
        
         margin:0px auto; 
        
         margin-top:50px; 
        
         overflow:scroll; 
        
         padding:0px; 
        
         }
        
         </
         style
         > 
        
         </
         head
         > 
        
         <
         body
         > 
        
         <
         div 
         id
         =
         "box"
         ></
         div
         > 
        
         </
         body
         > 
        
         </
         html
         >

在上面的演示效果可以看出，滚动条占据的部分包含在height和width中。

原文发布时间为：2017-2-17

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接：元素滚动条占据部分是否占据height和width尺寸

元素滚动条占据部分是否占据height和width尺寸

热门文章

最新文章

相关电子书