css – Div扩展到绝对定位内容的大小

我有一个包含一些绝对定位的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”中,以便每个音符在彼此的顶部绘制.

我在解释它时并不擅长,抱歉,所以我已经在JSfiddle页面评论了我添加和更改的代码,这应该更加清晰.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效