bom-client
2024-09-02 11:47:43
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body {
margin: 0;
} #box {
width: 100px;
height: 100px;
margin: 50px;
border: 30px solid red;
padding: 10px;
background-color: green;
}
</style>
</head>
<body>
<div id="box"> </div>
<script>
// client
var box = document.getElementById('box');
// clientLeft 是border-left 的宽度
// clientTop border-top 的宽度
console.log(box.clientLeft);
console.log(box.clientTop); // 获取大小 包括padding 但是不包括边框
console.log(box.clientWidth);
console.log(box.clientHeight); // offsetWidth offsetHeight 包括padding和边框 </script>
</body>
</html>
最新文章
- 如何在Microsoft Edge浏览器中添加一个Hello World插件
- window.history 和 DWZ 框架
- 遇到了IAR烧写程序出错,附解决办法The stack plug-in failed to set a breakpoint on ";main";
- 尝试在mac上用dotnet cli运行asp.net core示例程序
- Extjs 控件属性(部分)
- AngularJS 用 Interceptors 来统一处理 HTTP 请求和响应
- 阿里巴巴的分布式应用框架-dubbo负载均衡策略--- 一致哈希算法
- python学习小结9:面向对象
- 反汇编动态追踪工具Ollydbg. ALD,ddd,dbg,edb...
- Android中完全退出当前应用系统
- jsp环境搭建(Windows)
- MyBatis浅尝笔记
- C语言运算符运算顺序判断实例1
- Ant 给project打包
- ubuntu Linux下C语言open函数打开或创建文件与read,write函数详细讲解
- 学习Spring Boot:(一)入门
- MySQL存储引擎之Myisam和Innodb总结性梳理-转
- shiro 会话管理
- Prometheus 初体验
- AtomicBoolean
热门文章
- linux中网络存储与考试系统搭建(实现多用户可以共享文件)
- 使用 Android Studio 开发工具创建一个 Android 应用程序,显示一行文字“Hello Android”,并将应用程序的名称更改为“FirstApp”。
- HTML多端适应 响应式布局案例
- Java开发之项目分包
- Google面试评分卡
- Swoole 中使用 WebSocket 异步服务器、WebSocket 协程服务器
- java 多态 总结
- react中异步组件以及withRouter的使用
- vue2.0组件库
- Lyft 宣布开源基础设施工具管理平台 Clutch!