Div高度幫助，子元素絕對位置

如何讓div具有100％的高度，其中的控件具有絕對位置，而不將divParents高度設置爲xxx px？我試圖在另一個div中包裹divParent中的所有內容，並得到了相同的結果。Div高度幫助，子元素絕對位置

例子。

<div style="border: solid 1px black; position: relative;" id="divParent"> 

    <span style="position: absolute; top: 177px; left: 41px">Name</span> 
    <input type="text" style="position: absolute; top: 253px; left: 36px; height: 18px; 
    width: 342px;" /> 
    <span style="position: absolute; top: 229px; left: 38px">Address</span> 
    <input type="text" style="position: absolute; top: 199px; left: 39px; height: 18px; 
    width: 342px;"/> 

    </div>

來源

2012-05-16 user1167466

否則（如果你想堅持普通的CSS和沒有JS）：是否有另一種方式顯示div（無位置：絕對）？ – Chris

不，div中的控件來自其他網頁。我正在做的是合併網頁使用XMLHttpRequest進行打印，並且將從XMLHttpRequest返回的主體添加到div中。該部分工作正常，但我知道必須在div的末尾添加span，並且無法將其放置在div的底部，因爲所有控件都具有絕對位置。 – user1167466

爲什麼它必須是跨度？跨越行爲不同於divs（divs是顯示：塊作爲標準）...如果你在母體div中使用float並且只有div，而不是跨度，這可能會起作用，也許呢？ – Chris

絕對定位的項目不再是佈局的一部分。家長不知道他們有多大，或者他們在哪裏，所以不能自動調整自己以適應他們。

你可以編寫自己的JavaScript來計算所有這些，但CSS本身不能做你想做的。

來源

2012-05-16 17:49:46

我正在研究編寫一個JavaScript函數來循環div中的元素，然後找到最大的頂部，但不知道如果在div中有100多個元素，性能會怎樣。 – user1167466

試試看看。如果你使用jQuery選擇器，它不會太糟糕。 –

我真的不明白你想做什麼，但它看起來像你輸出某種形式的html表單。無論如何，你也可以只使用margin-top和margin-left連同float-left在你的母親div（你可以定位，但你想要的，相對或絕對）...

來源

2012-05-16 18:18:42 Chris

Div高度幫助，子元素絕對位置

回答

相關問題