您可以包含它的高度的
One
Two
Three
Four
有关包含表单的div的示例,请参阅this fiddle,其中select填充表单的高度。
这从一个简单的结构开始,只是表单被包含在某个东西中,所以你可以看到相对的布局。
div {
background-color: #fff0f0;
height: 40em;
padding: 1.5em 1.5em 0 1.5em;
}
form {
background-color: #f0f0f0;
height: 90%;
}
#thelist {
height: 100%;
}
我给div一个高度,一个背景,你可以看到它,并填充所以它的内容不会自然覆盖它。
使表格成为您想要的任何高度,包括100%的div。我做了90%,所以你仍然可以看到封闭的div。请注意,表单的宽度填充除了填充之外的div宽度。
然后,您可以将选择列表的高度设置为表单内所需的任何内容。这是我的CSS
div {
background-color: #fff0f0;
height: 20em;
padding: 1.5em 1.5em 0 1.5em;
}
form {
background-color: #f0f0f0;
height: 40%;
}
#thelist {
height: 100%;
}
将它们放在一起作为一个片段,并将其缩小以适应更好的...
One
Two
Three
Four
{{1}}