Css 按下动态添加的选择框下的按钮

Css 按下动态添加的选择框下的按钮,css,html,Css,Html,我有一个按钮,具有向页面添加选择框的功能。我有一个H1,上面有一些文本、一个按钮和添加在按钮上方的框。我希望按钮位于H1的正下方,但当我添加选择框时,它将被按下 这就是当前发生的情况,按钮位于选择框之后: CSS #interesses select{ background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee); background-image: -moz-linear-gradient(top, #fefef

我有一个按钮,具有向页面添加选择框的功能。我有一个H1,上面有一些文本、一个按钮和添加在按钮上方的框。我希望按钮位于H1的正下方,但当我添加选择框时,它将被按下

这就是当前发生的情况,按钮位于选择框之后:

CSS

#interesses select{  
  background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04);
  border: 1px solid;
  border-color: #d8d8d8 #d1d1d1 #c3c3c3;
  border-radius: 1%;
  width:30%;
  margin-right: 2%;
  margin-bottom: 15px;
  padding: 0%;
  font-size: 18px;
  float: left;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
   line-height: 1.5;
   height: 38px;
   -webkit-appearance: none;
}
#interesses-option{
  float:left;
  display: block;
  position:inline;
  margin-bottom: 25px;
}
.wide-button-thin{
  width: 30%;
  height: 40px;
  margin-top: 25px;
  margin-bottom: 20px;
  font-size: 18px;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #494d59;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
  border: 1px solid;
  border-color: #d8d8d8 #d1d1d1 #c3c3c3;
  border-radius: 2px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
  background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
  background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04);
}
如果我在按钮前插入两个

,它可以工作,但我没有让它与
边距顶部一起工作。有什么建议我可以试试吗

编辑:
下面是jsfiddle:

要解决此问题,只需将按钮代码移动到兴趣用户id上方,如下所示:


Legg til Interest在以下位置用餐:

您能提供一个现场演示吗?(jsFiddle或任何其他选择)尝试将按钮块设置为水平,然后在顶部留出
空白
请发布js代码。选择应该添加在dom中的按钮之后。语言是挪威语,但这里是jsfiddle:@antithesis但它只是对divI下的所有内容执行相同的操作。我已经编辑了您的jsfiddle,似乎工作正常:这是您想要的行为吗?