我有两个按钮
<button class="upgradebutton1" id="upupgrade1" onclick="browse_aww()">Browse /r/aww</button> <pr id="priceuno"> 5 </pr> <img id="upvotepicture" width=13px src="http://image.spreadshirt.com/image-server/v1/designs/12018562,width=178,height=178/Upvote-style-arrow.png"></img>
<button class="upgradebutton1" id="downupgrade1" onclick="grow_a_neckbeard()">Grow a neckbeard</button> <pr2 id="price2"> 5 </pr2> <img id="downvotepicture" width=13px src="http://wp.iosfans.com/wp-content/uploads/2013/02/Down-vote-arrow-237x250.png"> </img>
每当我点击browse_aww按钮时，grow_a_neckbeard按钮就会滑过第一个按钮所在的位置。这是我页面上所有升级按钮的问题。我已经尝试使用css将位置设置为绝对值，但这没有任何作用并且会使整个事情出现故障。
感谢任何和所有帮助
jsfiddle链接：http://jsfiddle.net/DayDreamKiddo/zk6F4/7/
答案 0 :(得分：1)
使用visibility：hidden而不是display：none来维护流中隐藏元素的位置
答案 1 :(得分：1)
如果您将position设置为absolute，则会从正常流程中删除该框，因此其他元素的排列方式从未存在过。您应该创建一个相同的框来替换旧框，但我认为简单地禁用按钮或者至少将其visibility设置为hidden（这不会影响正常流程）会更容易。
答案 2 :(得分：0)
隐藏：可见性对我有用。