我有3個div，父div，子div在頂部，另一個在底部。任何幫助將不勝感激，這里是我想達到的目標：CSS/HTML Div調整大小和表格定位

當頂格調整大小/增加其大小，包含表將縮小，但保持在其位置上的底部DIV。請看下面的模擬，以便你可以清楚地看到它。

$("#btnExpand").click(function(){

$(#top).css("height","400px");

});

.wrapper{

height: 73vh;

display: flex;

flex-direction: column;

border: 2px solid red;

}

#top{

border:2px solid blue;

position:relative;

height:100px

}

#bottom{

border:2px solid green;

position:relative;

height:100%"

}

table, th, td {

border: 1px solid black;

}

Download CSV of Table

FirstnameLastnameFirstnameLastnameFirstnameLastnameFirstname

John	Jaranjan	John	Jaranjan	John	Jaranjan	John
Boom	Panes	John	Jaranjan	John	Jaranjan	John
Boom	Panes	John	Jaranjan	John	Jaranjan	John
Boom	Panes	John	Jaranjan	John	Jaranjan	John
Boom	Panes	John	Jaranjan	John	Jaranjan	John
Boom	Panes	John	Jaranjan	John	Jaranjan	John

2016-07-19

Rocky

+0

你能做出的jsfiddle？ –

+0

不要只是做一個小提琴，在自己的問題中包含代碼。更好的是在問題編輯器中使用'''''按鈕在問題中包含一個StackOverflow片段。它就像一個小提琴，但在問題(或答案)它是自我。請參閱：http://stackoverflow.com/help/mcve –

+0

好吧，我將創建的jsfiddle，您還可以檢查我的模型圖象，我連接，謝謝:) –

總結

以上是生活随笔為你收集整理的html设置表格和div的距离,CSS/HTML Div调整大小和表格定位的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。