码迷,mamicode.com
首页 > 其他好文 > 详细

边框的作用之产生相对margin

时间:2017-05-22 10:25:31      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:边框   margin   结果   移动   border   round   parent   nbsp   idt   

.parent{
width:200px;
height: 100px;
background:blue;
//border: 1px solid black; 如果不加边框,子元素的margin 会扩展到父元素上,
//结果就是父元素产生了margin,而子元素跟着移动了. 如果父元素有了边框,那么
//子元素的margin 就会产生正常的结果.
}

.child{
width:50px;
height:50px;
background:red;
margin-top:30px;
}
 
<div class="parent">
<div class="child"></div>
</div>

边框的作用之产生相对margin

标签:边框   margin   结果   移动   border   round   parent   nbsp   idt   

原文地址:http://www.cnblogs.com/xuezizhenchengxuyuan/p/6888208.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!