天天看点

css案例学习之父子块的margin

css案例学习之父子块的margin

两边还会有些距离,这是body默认的。

代码:

<a></a>

css案例学习之父子块的margin

两边没有了距离

说明:子元素只能在父元素允许的空间中活动。默认情况下会自动填满父元素。

css案例学习之父子块的margin

撑破了

说明:设置父元素高度为40px,子元素在处理margin-top时,撑破了父元素。

css案例学习之父子块的margin

说明:宽度也会被撑破,不过有很大的弹性空间

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/4987581.html,如需转载请自行联系原作者