我想要如何放置输入（class =“button”）答案

【问题标题】：How to place a input (class="button") were I want我想要如何放置输入（class =“button”）
【发布时间】：2016-02-22 20:00:19
【问题描述】：

我不知道如何放置我想要的输入 (class="button")

html:

<div id="popup" class="overlay">
<div class="popup">
    <a class="close" href="#">×</a>
<div id="content"> 
<select required name="list" id="list">
  <option value="0" selected disabled>SELECT</option>
  <option value="option1.html">option 1</option>
  <option value="option2.html">option 2</option>
</select>
</div>
<input class="button-go" type="button" value="GO"onclick="gotonewpage()"/>

css：

    .button-go {
position:relative;
top: 1%;
left: 42%;
padding: 5px;
font-size: 1.2vw; 
background-color: #0D7BFF;
color:#FDFDFD;
border-radius: 10px;
border: 1 black; }

javascript：

    <script type="text/javascript">
function gotonewpage()
{
    var url = document.getElementById('list').value;
    if(url != 'none') {
        window.location = url;
    }
}

该按钮用于从下拉框中提交值。我只能水平移动按钮，但我不能把它放在我的下拉菜单旁边。

提前致谢

【问题讨论】：

请使用下拉菜单添加您的代码。
如果你能做一个 JsFiddle 让我们可以清楚地看到问题，那就太棒了。
只需将button 与select 放在div 中...它们将自动对齐。 - jsfiddle.net/17vz8dra
那行得通。谢谢

标签： html css button input

【解决方案1】：

尝试更改 display 值。我还建议您避免在没有表单的 HTML 中使用<input type ="button">。最好用<button id="button" class="button-go">Send</button>编码。

如果不起作用，您还可以更改 margin-left或margin-top 以将您的按钮移动到您想要的位置。

【讨论】：

我可以左右移动，但不能上下移动。我尝试过使用 margin-top 和 padding-top 以及负值。但它不起作用
要在它们之间显示对象，您必须添加内联块显示。如果您无法上下移动，可能是因为一个 div 的高度避免了该移动。用萤火虫或类似工具检查你的所有代码，以找出类似的问题。