gpt4 book ai didi

javascript - 当我将文件加载到 div 时,div 会向下跳

转载 作者:太空宇宙 更新时间:2023-11-03 19:02:09 25 4
gpt4 key购买 nike

我有一个看起来像这样的页面:

<body>
<div class="pollid" >
<select class="pollid" id="pollid" size="[2]" >
[options]
</select></div>
<div class="seperator"></div>
<div class="options">
<select class="options" id="options" disabled="disabled" size="2">
<option id="deadoption">Select a poll to enable this box.</option>
</select></div>
<div class="seperator"></div>
<div class="options2" id="options2">
</div>
</body>

我还有一些 jquery,当选择第二个 div 中的特定选项时,它会执行此操作:

$("#options2").load("ajax/newOption.html");

newOption.html 看起来像这样:

<input type="text" id="newopt" label="Option: " />
<button id="submit" type="button" value="Submit" />

我的 CSS 看起来像这样:

select {
height: 100%;
width: 100%;
}

div.pollid {
height: 100%;
width: 30%;
display: inline-block;
}

div.options {
height: 100%;
width: 30%;
display: inline-block;
}

div.options2 {
height: 100%;
width: 30%;
display: inline-block;
}

.seperator {
height: 100%;
width: 3%;
display: inline-block;
}

现在,这有效。但是,当我单击加载该页面的选项时,div 会向下跳,以便输入的底部位于屏幕底部。这不是我想要的。我希望 div 留在原处,占据屏幕的 30%。我根本不希望屏幕滚动,一旦加载了 html,它就会滚动。我该如何解决这个问题?

最佳答案

经过试验,我找到了解决方案。看起来,由于某种原因,除了 <select size="x>1"> 之外,将任何东西都放在这些 div 中。让它跳下来,并给他们属性vertical-align:top解决这个问题。

关于javascript - 当我将文件加载到 div 时,div 会向下跳,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11660494/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com