美文网首页
HTML 各种宽高度

HTML 各种宽高度

作者: aimaile | 来源:发表于2017-08-29 15:15 被阅读0次

element.clientWidth   //元素的实际宽度,不算边框

element.clientHeight  //元素的实际高度,不算边框

element.offsetWidth   //元素的实际宽度,加上边框

element.offsetHeight  //元素的实际高度,加上边框

element.scrollWidth  //这个说法很多,我测试下来应该是元素实际宽度-滚动条的宽度

element.scrollHeight  //这个说法很多,我测试下来应该是元素实际高度-滚动条的高度

element.offsetLeft   //相对于父对象的距离,ie下如果position设为relative,则是相对于window的距离

element.offsetTop   //相对于父对象的距离,ie下如果position设为relative,则是相对于window的距离

window.screenLeft   //当前窗口距离屏幕距离 only for IE

window.screenX   //当前窗口距离屏幕距离 not for IE

window.innerWidth  //当前窗口大小(内)not for IE

window.outerWidth  //当前窗口大小(外)not for IE

window.screen.width //当前屏幕分辨率

window.screen.availWidth //当前屏幕可用分辨率

相关文章

  • HTML 各种宽高度

    element.clientWidth //元素的实际宽度,不算边框 element.clientHeight//...

  • HTML各种宽高

    documentElement and Elements: element.clientWidth // 元素的实...

  • 多物体运动的简单Demo(二)

    一、Html布局 二、Css样式 三、Js部分 改变添加边框后的宽/高度 自定义改变添加边框后的宽/高度 自定义改...

  • 宽高铺满整个屏幕

    一、使用100%设置宽高 1、先设置HTML的高度100%,再设置body高度100%,最后再设置div的高度10...

  • 清除浮动的几种常用方法

    父元素自适应宽高度,子元素浮动导致高度塌陷 高度塌陷: 示例图: HTML: CSS: 第一种解决方案: 通过给父...

  • js获取HTML元素的实际宽度高度

    title: js获取HTML元素的实际宽度高度tags: 实际宽高度notebook: 零散知识 第一种情况就是...

  • JS/JQ获取屏幕的高度和宽度

    JS/JQ获取各种屏幕的高度和宽度 Javascript: 网页可见区域宽: document.body.clie...

  • 元素垂直水平居中

    HTML Css 1. 元素具有固定的宽高 2. 未知高度和宽度的元素 2.1 元素为inline 或者inlin...

  • iOS通过js修改webview

    js获取网页各种高度: 网页可见区域宽: document.body.clientWidth 网页可见区域高: d...

  • 各种高度

    JS与jQuery对应的高度问题: 由盒模型可见: border-box:内容的实际高度 = height - b...

网友评论

      本文标题:HTML 各种宽高度

      本文链接:https://www.haomeiwen.com/subject/wwxufxtx.html