直接在動態變化的DIV下面顯示一個DIV

-1

我有一個DIV，根據用戶輸入的數據更改高度。一旦完成，他們點擊一個按鈕，第二個DIV出現在它的下方，所有數據都顯示在表格中。第二個DIV始終在頁面上，但它的不透明度設置爲0.直接在動態變化的DIV下面顯示一個DIV

由於第一個DIV的高度可以在100px到1000px之間，我怎樣才能讓第二個DIV始終直接顯示在它的下面？我一直玩邊緣和填充，但我不能讓第二個DIV動態出現在正確的位置。

最好使用CSS，如果這是一個選項。

謝謝。

來源

2013-07-31 Daft

發佈你試過的東西......？ –

一個div是塊級別的元素，所以它會自動？我不明白你的問題 – koningdavid

把它們放在一個高度自動和寬度=第一個div的容器中，之後簡單地將它們左移 –

你必須確保在CSS 位置屬性設置爲你的div 相對。喜歡的東西：

HTML：

<div class="user_input_data"></div> 
<div class="results hidden"></div>

CSS：

div.user_input_data 
{ 
    position: relative; 
} 
div.results 
{ 
    position: relative; 
} 
div.hidden 
{ 
    display: none; 
} 
div.block 
{ 
    display: block; 
}

然後，你必須刪除隱藏類，並添加塊類顯示你的結果。

來源

2013-07-31 12:10:41 user2553780

如果DIV是塊（默認值）將在第一個div

<div class="firstDiv"></div> 
<div class="secondDiv"></div>

的底部顯示，如果你想要第二個div重疊第一個div並通過滾動，你應該使用CSS position屬性

移動

.secondDiv{ 
    position:fixed; 
    right:0; 
    bottom:0; 
}

來源

2013-07-31 12:06:38

如果它是一個塊，*沒有*浮動屬性和位置。當然。 –

直接在動態變化的DIV下面顯示一個DIV

回答

相關問題