html如何放大选择列表框,单选HTML列表框高度

Stephen P..

14

你可以使包含它的100%的高度.请参阅此小提琴,了解包含表单的div的示例,其中select选择填充表单的高度.

这开始于一个简单的结构,只需将表单包含在某些内容中,这样您就可以看到相对布局.

One

Two

Three

Four

我给div一个高度,一个背景,你可以看到它,并填充所以它的内容不会自然覆盖它.使表格成为您想要的任何高度,包括100%的div.我做了90%,所以你仍然可以看到封闭的div.请注意,窗体的宽度填充除了填充之外的div宽度.

然后,您可以将选择列表的高度设置为表单内所需的任何内容.这是我的CSS

div {

background-color: #fff0f0;

height: 40em;

padding: 1.5em 1.5em 0 1.5em;

}

form {

background-color: #f0f0f0;

height: 90%;

}

#thelist {

height: 100%;

}

放在一起作为一个片段,并使其更小,以适应更好的...

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