关于height和margin top/bottom的问题
之前提问老师说垂直margin会失效，因为上面的内容没有设置高度，可是视频中老师说高度一般不进行设置，让内容自己撑起高度。那么如何不设置高度，依然让margin-top 或margin-bottom起效。
17
收起
正在回答
1回答
同学你好，建议同学结合具体代码来实现不设置高度，依然让margin-top 或margin-bottom起效。如下代码所示：
<!DOCTYPE html>
<html>
<head>
<style>
.bottom-box{
margin-top:30px;
}
</style>
</head>
<body>
<div class="top-box">
<div class="bottom-box">
我设置了margin-top属性，我的上边距应该距离父元素为30px;
</div>
</div>
</body>
</html>结果并不是class为bottom-box的div上边距离父元素30px;而是距离body元素30px;
其解决办法：可以给父元素加上css样式：overflow:hidden
祝学习愉快~
相似问题
margin-botttom和top
49
1
4
margin-bottom
34
0
6
老师有个关于padding的问题！
30
0
3
关于margin和position的使用问题
0
0
3
登录后可查看更多问答，登录/注册
java工程师2020版
- 参与学习 人
- 提交作业 9400 份
- 解答问题 16556 个
综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万 无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星