我有一个包含一些绝对定位的div的Div.顶层的可点击区域扩展到子区域,但绘制区域不会.我希望绘制区域包围所有容器div.
代码的JSfiddle在这里 – http://jsfiddle.net/VolatileStorm/C29P8/
几次刷新后,您可能会注意到左上角有一个小红框(由div隐藏).这是容器,我希望它包围孩子们.
有任何想法吗?谢谢.
解决方法
看到你已经有了JS选项,我会给你一个使用CSS.它可能会成为一种黑客攻击,但它的工作原理是:
http://jsfiddle.net/C29P8/131/
想法是删除所有定位元素,将“.pile”容器设置为float:left;,将其展开以适合内容(也将注释设置为float:left;因为它们没有定位),并移动注释,使用margin-left:-100px;在“.note”和padding-left:110px(额外10px的填充只允许音符旋转,使其保持在红色边框内)在“.pile”中,以便每个音符在彼此的顶部绘制.