DIV填充未知父元素的100％

Question

有一個div元素我有完整的控制權，包括其內容，關聯的JS事件處理程序和樣式選項。這div將被插入到一些網頁模板，我不知道任何關於，即它可能被插入到一個表格單元格，或複雜的基於div的標記等，我需要能夠建立這個格以這樣一種方式，它將允許它在它所插入的父元素內佔據一個可預測的區域。

• 有多少個定位方案需要支持不同的用例？
• 是否對網頁模板有任何限制我最好設置，這樣我的div構建子例程不會變成不可維護的混亂？
• 什麼會更自然，擴大div取100％的可用面積，或調整到給定的寬度和高度？

Answer 1

就我個人而言，我會簡單地將其設置爲填充父容器（可以是CSS2中的任務本身）。

這樣，無論是控制模板，都可以通過影響父容器來決定div的最終大小。如果他們想要填充容器，他們只是保持原樣 - 如果他們想要限制或以某種方式放置它們，他們可以將其放置在塊元素中，並指定塊的大小/形狀/位置。