有人可以告诉我css重叠问题吗?

时间:2016-05-13 11:54:08

标签: html css

我有两个相邻的div。上面一个是复选框和标签,下面一个是按钮。我想给上层div一个高度。这实际上是在按钮div下面发送上部div文本。

这是我的代码

<div class="row">
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1 termscheck">
<div class="checkbox">
<label class="checkbox-inline"><input type="checkbox" value="" class="regular-checkbox"> <span class="terms-spacer" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non placerat risus. Fusce ultricies libero at consequat finibus. Sed vitae convallis orci. Phasellus eu elementum tellus, eu rhoncus nunc.</span></label>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1 submitbtn">
<div class="form-group">
<input type="button" class="form-control emailbtn" value="ABSCHICKEN">
</div>
</div>
</div>

Demo link

1 个答案:

答案 0 :(得分:0)

如果将高度应用于.termscheck,则其行为符合预期。在下面的小提琴中,我刚刚添加了

.termscheck { 
  height: 100px; 
} 

到CSS并且它可以工作:

http://www.bootply.com/0lSmKTRBKf