Css 按下动态添加的选择框下的按钮
我有一个按钮,具有向页面添加选择框的功能。我有一个H1,上面有一些文本、一个按钮和添加在按钮上方的框。我希望按钮位于H1的正下方,但当我添加选择框时,它将被按下 这就是当前发生的情况,按钮位于选择框之后: CSSCss 按下动态添加的选择框下的按钮,css,html,Css,Html,我有一个按钮,具有向页面添加选择框的功能。我有一个H1,上面有一些文本、一个按钮和添加在按钮上方的框。我希望按钮位于H1的正下方,但当我添加选择框时,它将被按下 这就是当前发生的情况,按钮位于选择框之后: CSS #interesses select{ background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee); background-image: -moz-linear-gradient(top, #fefef
#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,似乎工作正常:这是您想要的行为吗?