bandaoyu 2017-09-24 01:51 采纳率: 55.6%
浏览 10205
已采纳

如何实现子Div的大小随着父Div的大小动态的改变而改变

问题背景:
看了这文章:http://blog.csdn.net/dqs78833488/article/details/51392833(24行代码,让你的网页元素任意放大、缩小、拖拽、移动 )

图片说明
我也做了一个,

#box {
    width: 50px;
    height: 50px;
    background: #333;
    cursor: move;
    position: absolute;
    top: 30px;
    left: 30px;
}

#box {
    width: 50px;
    height: 50px;
    background: #333;
    cursor: move;
    position: absolute;
    top: 30px;
    left: 30px;
}


    

但是因为我后面的代码中有js在

内 画图 (js图库的echart):
var myChart = echarts.init(document.getElementById("box"),theme.name);
      myChart.setOption(option);

这样执行之后就会覆盖掉了   

 导致画面中没有那个拖拽的红点。

所以我就在外面加了一个div



 

   

这样画图就在box中画,小红点依旧在右下角。这时我拖动 outer,大家都一起移动,OK满足预期。然后拉动 小红点放大,outer放大了,可是box依旧没有变化。

如何才能实现 子级的 div的大小动态的和父级div的大小一致呢?

也就是 outer拉动调整大小时,box的大小动态的变大变小和父元素匹配。

css和js,jquery实现都可以,如何达成?

  • 写回答

9条回答 默认 最新

  • Young_Gao 2017-09-25 07:08
    关注

    用个百分比就可以实现。同时要注意的是如果你是H5标准的页面,要记得给body,html等都加上百分比。原因在于html5标准要求高度或宽度设置成百分比时,参照的是父标签。所以你外面的父div也是要参照它本身的父div,最终会找到html和body这两个身上,所以一定记得设置

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(8条)

报告相同问题?

悬赏问题

  • ¥15 微信支付转账凭证,如何解决
  • ¥15 在win10下使用指纹登录时,界面上的文字最后一个字产生换行现象
  • ¥20 使用AT89C51微控制器和MAX7219驱动器来实现0到99秒的秒表计数,有开始和暂停以及复位功能,请写出C语言程序
  • ¥15 51单片机 双路ad同步采样
  • ¥15 使用xdocreport 生成word
  • ¥15 请教怎么用MATLAB求坐标
  • ¥15 gradle整合es,在创建索引时报错
  • ¥15 关于模型训练的一个问题
  • ¥15 装了几千台服务器从来没遇到这种问题,哎看下哪位帮我解决吧
  • ¥15 单片机程序上的困难问题