JS 各类高度字段

Fork(复制)

图库

作者：

lynn-ssk

AI智能补全

提交反馈

嵌入

设置

下载

@lynn-ssk

0粉丝0获赞

当前作品：

JS 各类高度字段

一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十

TA的更多作品：

查看作者更多作品

HTML

格式化

支持Emmet，输入 p 后按 Tab键试试吧！

<head> ...

展开

</head>

<body>

            
                1
2
3

            
            <div id="box">

</div>

</body>

CSS

格式化

            
                1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

            
            html {
  height: 100%;
}
body {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

#box {
  width: 100px;
  height: 100px;
  background: #ced;
  border: 5px solid #eee;
  margin: 10px;
  padding: 10px
}

格式化

            
                1
2
3
4
5
6

            
            const box = document.getElementById("box");

console.log(box.scrollHeight)
// console.log(box.clientHeight)
// console.log(box.offsetHeight)
// console.log(box.getBoundingClientRect().toJSON())

预览

控制台

清空