HTML中的问题:div.stlye.left和div.offsetleft,div.clientleft这三个是什么意思,有什么区别?如下图此图中:div.clientleft怎么和div.style.border一样大?div.style.margin是什么?div.scrolltop是什么?同理,body.clienttop是

来源:学生作业帮助网 编辑:作业帮 时间:2024/11/05 15:53:16

HTML中的问题:div.stlye.left和div.offsetleft,div.clientleft这三个是什么意思,有什么区别?如下图此图中:div.clientleft怎么和div.style.border一样大?div.style.margin是什么?div.scrolltop是什么?同理,body.clienttop是
HTML中的问题:div.stlye.left和div.offsetleft,div.clientleft这三个是什么意思,有什么区别?如下图

此图中:div.clientleft怎么和div.style.border一样大?
div.style.margin是什么?
div.scrolltop是什么?
同理,body.clienttop是什么?怎么也和BODY.STYLE.BORDER一样?

HTML中的问题:div.stlye.left和div.offsetleft,div.clientleft这三个是什么意思,有什么区别?如下图此图中:div.clientleft怎么和div.style.border一样大?div.style.margin是什么?div.scrolltop是什么?同理,body.clienttop是
首先说一句,纠结这些理论的东西是没有用的,实际操作起来根本没有这么复杂.
一个个来回答你的问题:
1、div.clientleft怎么和div.style.border一样大?
首先你要理解clientleft是什么意思,要理解clientleft你要先理解offsetleft,offsetleft是说这个标签(或者说对象),他的最左端离他的父标签最左端的距离.
而clientleft,其实跟offsetleft差不多,区别在于clientleft=offsetleft减去该对象的border值.
所以clientleft跟border是一样大的.
2、div.style.margin是什么?
margin指的是该对象的外边距,与padding(内边距)经常一起来用,区别在于padding是包含在这个对象的clientWidth里面的,而margin不包含于任何clientWidth、offsetWidth、clientHeight、offsetHeight中.
3、div.scrolltop是什么?
顾名思义,scrolltop是卷起来的顶部距离,也就是说,该元素在垂直方向上滚动了多少
4、body.clienttop是什么?
body.clienttop指的是body的offset值减去border,跟第一个问题一样,由于没有offsetleft,所以他的clienttop跟border是一样的.
最后说一句,这些理论,了解就行,没有必要记住,实际做网页的时候很少会用到这些.