css中获取div宽高，css获取屏幕高度宽度

如何获取元素距离页面顶部的高度?

1、可以使用offset()方法来获取元素距离浏览器的边距，offset()方法返回或设置匹配元素相对于文档的偏移（位置）。

2、浏览器运行index.html页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

3、设置多个标签，这样等会可以有更多选择。创建一个JS文档，并且与HTML文档关联。输入var test = document.getElementById( pp).offsetTop；document.write( test )。offsetLeft就能知道元素到顶部的距离。

4、(obj).offset().top - $(window).scrollTop()。拓展：jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。

相关问答

Q1: 是否可以利用css获取容器内宽度、高度较小的那个值?

1、以下是一些常用的CSS属性，它们可以影响盒子模型的宽度（width）和高度（height）： width（宽度）：设置元素的宽度。可以使用像素（px）、百分比（%）或其他单位来指定宽度值。 height（高度）：设置元素的高度。

2、首先给table标签添加css ： table-layout：fixed；这里是为了让整个table有一个自己宽度，而不是让table自己随着自己内容的大小而改变。

3、vw： 相对于视窗的宽度， 视窗被均分为100单位的vw；vmax： 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax；vmin： 相对于视窗的宽度或高度中较小的那个。

Q2: javascript如何获取div的class中设置的宽高度?

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

var wt = document.getElementById(picBox).width；这样。另外推荐用jQuery写。

Q3: CSS如何怎么设置div边框颜色宽度和高度?

1、给div添加一个class，比如div class=content/div，然后在css文件里写上：.content{width：600px；height：400px；background：red；}就可以了。

2、width（宽度）：设置元素的宽度。可以使用像素（px）、百分比（%）或其他单位来指定宽度值。 height（高度）：设置元素的高度。同样可以使用像素、百分比或其他单位来指定高度值。

3、新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

4、设置边框和背景色需要使用css的border和background属性。

5、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。

6、border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。宽度即为边框宽度。

关于css中获取div宽高和css获取屏幕高度宽度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。