网页中的各种上下左右宽高值

发布时间:2021-02-25 发布网站:前端之家 F2er.com
前端之家收集整理的这篇文章主要介绍了网页中的各种上下左右宽高值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

offset

只读属性。width/height——显示出来的屏幕尺寸top/left——相对于定位父元素的绝对位置

client

只读属性。width/height——不带边框的offset,也不包含滚动条宽度top/left——内边距的外边缘与边框外边缘的距离,通常是边框宽度

scroll

width/height——只读,带有溢出内容的clienttop/left——非只读,相对于父容器的滚动起始位置,修改值可以改变滚动位置demo代码见:https://codepen.io/jabbar/

附加

window.outerWidth/window.outerHeight——窗口的外层的宽度和高度window.innerWidth/window.innerWidth——浏览器窗口的视口(viewport)的宽度和高度window.screen.width/window.screen.height——屏幕宽度和高度window.screen.availWidth/window.screen.availHeight——屏幕可用宽度和高度window.screenTop/window.screenLeft——浏览器在屏幕位置

总结


以上是前端之家为你收集整理的网页中的各种上下左右宽高值全部内容,希望文章能够帮你解决网页中的各种上下左右宽高值所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。