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

简介:

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

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

代码如下:

 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!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尺寸

相关文章
|
2月前
|
前端开发
元素的宽度和高度
元素的宽度和高度。
33 4
|
2月前
在使用 Flexbox 布局实现自适应宽度的品字布局时,子元素的排列顺序是否可以调整?
【10月更文挑战第27天】使用Flexbox布局实现自适应宽度的品字布局时,可以通过调整HTML结构中的顺序或使用 `order` 属性来灵活地调整子元素的排列顺序,以满足不同的设计和布局需求。
|
4月前
|
前端开发
盒子的宽与高
盒子的宽与高。
45 4
|
6月前
|
前端开发 容器
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
39 3
你不知道的css——1. 外在盒子、内在盒子,宽度和高度的计算,box-sizing属性
|
8月前
|
前端开发
css如何将border线加到元素内部,占内边距,不占外边距
css如何将border线加到元素内部,占内边距,不占外边距
440 0
|
前端开发
css:grid布局子元素被撑开导致没有按比例均分
css:grid布局子元素被撑开导致没有按比例均分
401 0
css:grid布局子元素被撑开导致没有按比例均分
认识盒子模型,盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法(2)
内边距会影响盒子的可见框的大小,元素的背景会延伸到内边距,盒子的大小由内容区、内边距和边框共同决定。外边距指的是当前盒子与其他盒子之间的距离,他不会影响可见框的大小,而是会影响到盒子的位置。
226 0
认识盒子模型,盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法(2)
|
前端开发
认识盒子模型,盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法(1)
网页是一个多层的结构,设置样式样式,也是一层一层的设置,最终我们看到的最上面的一层。
137 0
认识盒子模型,盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法(1)
|
前端开发
认识盒子模型,盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法(4)
通过本章认识盒子模型,盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法
152 0
认识盒子模型,盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法(3,此节不全)
通过本章认识盒子模型,盒子模型的边框、内外边距、水平布局、垂直布局、设置浮动、处理高度塌陷的基本方法。
99 0

热门文章

最新文章