代码之家  ›  专栏  ›  技术社区  ›  Michel

当通过JavaScript分配div的宽度和高度时,边框不工作?

  •  0
  • Michel  · 技术社区  · 6 年前

    我有 <div> border:1px solid red; box-sizing:border-box; . 这个 宽度 高度 <分区>

    $("#cloud").width(width).height(height);//width=260.16,height=397.44
    

    问题是框大小调整属性不起作用。它总是在div的高度和宽度上添加2px(边框)。

    我试过的:

    1. 使用JavaScript分配框大小,仍然不起作用。
    2. 如果我们分配 , 高度 盒子大小
    3. 铬和边缘测试。

    那么,我如何创建一个边框div,其中用户指定宽度和高度?

    注意:我正在JQuery全局函数中编写所有Javascript jQuery( function(){ .. });

    这是JsFiddle https://jsfiddle.net/af1ohuxv/6/

    2 回复  |  直到 6 年前
        1
  •  4
  •   31piy    6 年前

    在文件中 width() ,很明显

    请注意 .width("value") 设置框的内容宽度,而不考虑CSS框大小调整属性的值。

    同样的道理 height() . 不确定,预期的最终结果是什么,但是你想用 innerWidth() innerHeight() (或 outerWidth() outerHeight() )相反:

    $("#cloud").innerWidth(width).innerHeight(height);
    
        2
  •  -1
  •   Efkiss    6 年前

    $("#cloud").css("width","400")
    

    或使用数组

    $("#cloud").css({"width:"+width,"height:"+height})
    

    https://jsfiddle.net/efkiss/af1ohuxv/12/