當我一個文件加載到一個div，在div跳下

我有一個頁面，看起來像這樣：當我一個文件加載到一個div，在div跳下

<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，它就會滾動。我該如何解決這個問題？

來源

2012-07-26 demize

mmm我認爲這是打破你的HTML，檢查它與控制檯 – MCSI 2012-07-26 00:23:42

當你手動插入div中的HTML代碼並加載頁面時會發生什麼？它看起來像什麼？ – Phius 2012-07-26 00:43:31

當我手動將它插入到div中時，發生同樣的事情。如果我將其中一個選擇元素從上面的div複製到它中，那麼它可以正常工作，但如果我將其他東西放入其中，它仍會跳到屏幕底部。 – demize 2012-07-26 02:04:32

我在試驗後發現瞭解決方案。由於某種原因，看起來像是將任何除<select size="x>1">以外的其他任何div都放入其中，並且向其中的vertical-align:top修復了這一問題。

來源

2012-07-27 01:52:31 demize

當我一個文件加載到一個div，在div跳下

回答

相關問題