打开按钮时如何使按钮不掉落？

Question

我希望按钮始终处于顶部，当我单击其中一个按钮时，我希望内容显示在下面，而无需按下面的其他按钮

here is the fiddle https://jsfiddle.net/9fk5r3v7/

抱歉，openload可以是任何东西，现在只是一个占位符4

Answer 1

元素的顺序是造成这种情况的原因，因为div位于按钮之间，当显示一个div时，它将div之后的按钮推到新的一行。<button type="button" name="cat"><img src="cat.jpeg" /></button><button type="button" name="dog"><img src="dog.jpeg" /></button><button type="button" name="dog2"><img src="dog.jpeg" /></button><button type="button" name="dog3"><img src="dog.jpeg" /></button><!-- dropdown content goes after the buttons --><div id="catdiv" class="hide"><!-- Content here --></div><div id="dogdiv" class="hide"><!-- Content here --></div><div id="dog2div" class="hide"><!-- Content here --></div><div id="dog3div" class="hide"><!-- Content here --></div>