问题:div里的div设置外边距(margin)没有效果
html
<div class="login_box">
<div class="fdiv">
<span>登录</span><span>/注册</span>
</div>
</div>
css
<style>
.login_box{
width: 400px;
height: 400px;
background-color: rgba(0,0,0,0.8);
margin: 150px auto;
}
.fdiv{
margin:65px 70px;
}
</style>
解决方案1:
给父元素(login_box)添加内边距
padding-top: 1px;
解决方案2:
给父元素(login_box)添加浮动
float: left;
解决方案3:(比较推荐)
给父元素(login_box)添加overflow属性
注意:overflow:visiable
overflow: hidden;
解决方案4:
为父元素添加border
border: 1px solid;
解决方案5:
为父元素添加绝对定位
position:absolute;