我有一个div标签,它有一些背景颜色,可以为我的页面增添美观。 div标签包含一个按钮,点击后会生成两个文本框。一切正常,但是当动态添加新元素时,背景不会扩展。我在div标签样式中使用了height:auto。当内容被动态添加到页面时,如何实现后台扩展?HTML动态元素生成
回答
假设您没有在您的子元素上使用绝对定位,您只需在父项上设置overflow:hidden
,这将确保父项围绕所有子项扩展。
有趣...我不追究为什么溢出:隐藏会导致背景颜色与日益增长的div保持同步。 http://jsfiddle.net/sqf8w/1/不需要任何特别的东西来让div增长。你能重现这个问题吗? – 2011-03-03 08:38:55
@juan:当你告诉父母隐藏每一个溢出的东西,同时并不告诉父母有一个确切的大小,父母被迫确保没有溢出,因此它扩大以适应所有儿童。 – 2011-03-03 08:58:37
设置溢出:隐藏解决了我的问题。我在http://jsfiddle.net/nikhilneela/cTPSa/发布我的代码,请告诉我,我做了造型的方式是否合适。我想提炼我的代码 – nikhil 2011-03-03 09:02:04
- 1. Javascript函数动态生成html元素
- 2. 拖放动态生成的html元素
- 3. 生成动态html
- 4. 从动态生成的元素
- 5. 处理Zend_Form动态生成的元素
- 6. 动态生成多个元素
- 7. addEventListener多个动态生成的元素
- 8. 动态AngularJs由生成的SVG元素
- 9. 访问动态生成的元素
- 10. 在IE7 + 8中动态生成元素
- 11. Angular2点击动态生成的元素
- 12. PHP生成html元素
- 13. jQuery - 如何显示/隐藏动态生成的html元素
- 14. Angular2如何获得生成的HTML元素的参考动态
- 15. 建议使用不同元素动态生成html的方法
- 16. 从HTML/PHP中动态生成的tr元素中获取Id
- 17. 如何查找动态生成的HTML元素?
- 18. 关于动态生成html元素的onmousedown
- 19. 用于动态生成HTML元素的jQuery选择器?
- 20. 如何让点击事件工作动态生成HTML元素
- 21. 使HTML元素访问动态生成的值
- 22. 通过动态生成的html的z-index元素
- 23. 如何更改动态生成元素的HTML内容的Jquery
- 24. 动态生成的html元素停止工作
- 25. WPF元素绑定与动态生成的UI元素
- 26. 如何在特定元素后动态生成元素
- 27. 访问动态生成元素的子元素jquery
- 28. jQuery的:追加的元素来动态地生成的元素
- 29. HTML元素动态定位
- 30. 动态更改html元素
你试过'身高:100%'?如果可能的话,在jsfiddle.net上放一些代码或工作演示。 – 2011-03-03 08:20:26
尝试使用display:none;并显示:block; (或内联) – Tobias 2011-03-03 08:22:34
我认为这不足以写出正确的答案。也许你可以粘贴一些代码到pastebin,所以我们可以检查它。 – 2011-03-03 08:26:03