我有一個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. 拖放動態生成的html元素
- 2. Javascript函數動態生成html元素
- 3. 生成動態html
- 4. Angular2點擊動態生成的元素
- 5. 訪問動態生成的元素
- 6. 動態AngularJs由生成的SVG元素
- 7. 從動態生成的元素
- 8. 動態生成多個元素
- 9. PHP生成html元素
- 10. Angular2如何獲得生成的HTML元素的參考動態
- 11. 如何查找動態生成的HTML元素?
- 12. jQuery - 如何顯示/隱藏動態生成的html元素
- 13. 通過動態生成的html的z-index元素
- 14. 如何讓點擊事件工作動態生成HTML元素
- 15. WPF元素綁定與動態生成的UI元素
- 16. 動態html元素問題
- 17. 動態更改html元素
- 18. HTML元素動態定位
- 19. 動態生成Html圖形
- 20. 生成動態HTML文件
- 21. 動態HTML表格生成
- 22. jQuery生成另一個HTML元素內的HTML元素
- 23. 使用jspdf從html元素生成pdf
- 24. Java解析html元素生成的JS
- 25. apple .replace()Html元素由handlebar生成js
- 26. 動態生成表格元素 - 滾動條ID?
- 27. 在Angular 2中生成涉及自定義HTML元素的動態標記
- 28. 如何從動態插入的元素中獲取生成的HTML?
- 29. 如何從Python中使用Python存儲動態生成的HTML表單元素?
- 30. C#.NET:從動態生成的HTML中更改CSS文件中的元素?
你試過'身高: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