微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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页面评论了我添加和更改的代码,这应该更加清晰.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。