js 怎么根据获取到的可用屏幕高度设置div的marginTop

var width = document.body.scrollHeight

//获取屏幕高度

document.getElementById("//自己设置个id 用bytagname会有兼容问题").style.margin-top

获取padding方法如下：

$(document).ready(function () {

var $h1 = $('h1')

console.log($h1)

$h1.after($('<div>Padding-top: ' + parseInt($h1.css('padding-top')) + '</div>'))

$h1.after($('<div>Margin-top: ' + parseInt($h1.css('margin-top')) + '</div>'))

})

获取margin方法如下

var margT = jQuery(this).css('margin')

css中padding和margin的区别

margin 外边距

border 边框

padding 内边距

也就是说 设置margin 那么他所占据的空白地方会是在边框外面

设置两个div之间的间距的方法：

先定义两个div，div里面分别有一段话。

2.分别给两个div加上不同的背景色，方便看到div的位置。

3.设置div的margin；使两个div之间的间距扩大。

这样让两个div之间的间距扩大的问题就解决了。

扩展资料：

div常用属性

1.Height:设置DIV的高度；Width:设置DIV的宽度。

2.margin:用于设置DIV的外延边距，也就是到父容器的距离。margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离；margin: [top][right][bottom][left]

3.padding:用于设置DIV的内边距（内如子元素与DIV边界的距离）。padding:后面跟有四个距离分别为到父容器的上-右-下-左边的距离；

4.border:设置DIV的边框样式；

5.background:设置DIV的背景样式；background后可直接跟背景的颜色、背景图片、平铺方式等样式。

6.position:设置DIV的定位方式。position的属性中有static、fixed、relative、absolute四个属性。常用relative和absolute。

7.display:设置显示属性。其值有block、none；

8.float:设置DIV在页面上的流向，其值有left(靠左显示)、right(靠右显示)、none；

---