首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    原生JavaScript获取元素的margin外边

    最近想找一个可以获取元素高度(包括外边margin)的方法,原生JS的实现方法一直没有找到,不过有一个方法可以获取元素的边,记录一下: 语法是(获取元素的属性值): getComputedStyle... my_div = document.getElementById("myDiv"); let style = window.getComputedStyle(my_div, null); 获取元素的上边... getComputedStyle(div, null);     alert(computedStyle.marginTop); 为了实现IE和火狐、谷歌的兼容,JS...computedStyle = div.currentStyle;//兼容IE的写法     }     alert(computedStyle.marginTop); 这样就能弹出 div 的上边了...getComputedStyle 和 style 异同 getComputedStyle 和 element.style 的相同点就是二者返回的都是 CSSStyleDeclaration 对象,相应属性值得时候都是采用的

    9.4K10

    【前端】:margin

    [2个auto] 如果某一边的外边和 width 为 auto,则设置为 auto 的那个外边等于 0。...百分数外边、内边值是相对于父元素的内容区宽度计算。 如果height=auto,那么默认的高度是从最上边那个块级子代元素的上边框外侧到最下边那个块级子代元素的下边框外侧之间的距离。...因此,子元素的外边“游离”在所属元素的外部。 如果块级元素有上内边或下内边,或者有上边框或下边框,那么高度是从最上边那个子元素的上外边的外边界到最下边那个子元素的下外边的外边界之间的距离。...在正常流中相邻(兄弟或父子关系)块级元素的外边,组合在一起编程单个外边,而且只有上下外边才会有这种特性。...两个都是正数,较大的值; 两个都是负数,绝对值较大的值; 一正一负,两个值相加的和; 对于行内非替换元素,margin-top、border-top、padding-top、margin-bottom

    1.1K10

    (2019)面试题:CSS盒模型你了解多少?

    JS获取宽高度 (1)dom.style.width/height 只能取到行内样式的宽和高,style 标签中和 link 外链的样式不到。...(6)dom.offsetWidth/offsetHeight 包括高度(宽度)、内边和边框,不包括外边。最常用,兼容性最好。...边重叠问题 先说解决方案:BFC,在我第一篇帖子里已经提到了此解决方案:https://www.misiyu.cn/article/96.html#B....%E5%A4%96%E8%BE%B9%E8%B7%9D%E6%8A%98%E5%8F%A0 我这里就说一下 边重叠问题是什么问题: 也就是说,两个盒子如果一个盒子设置下边,一个盒子设置了上边,那么他们的间距是多少...答案是按边最大的算 但是如果想他们的边不重叠,而是相加,怎么办呢?利用BFC来解决。至于什么是BFC,BFC生成条件有哪些,请看上面链接的我的另一篇文章。

    84400
    领券