padding可以为负值吗 padding可不可以设置负值
- 前端设计
- 2023-08-13
- 92
各位老铁们,大家好,今天由我来为大家分享padding可以为负值吗,以及padding可不可以设置负值的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收...
各位老铁们,大家好,今天由我来为大家分享padding可以为负值吗,以及padding可不可以设置负值的相关问题知识,希望对大家有所帮助。如果可以帮助到大家,还望关注收藏下本站,您的支持是我们最大的动力,谢谢大家了哈,下面我们开始吧!
margin和padding区别
一、指代不同
1、padding:凑篇幅的文字。
2、margin:页边空白。
二、语法不同
1、padding:artifactconsistingofsoftorresilientmaterialusedtofillorgiveshapeorprotectoraddcomfort由柔软或有弹性的材料组成的人工制品,用于填充、塑造、保护或增加舒适度。
2、margin:margin指书页的空白边缘,也可指物体的边缘。
margin外边距可以设置单元格之间的距离
margin-topmargin-rightmargin-bottommargin-leftmargin可用负值边距padding-rightpadding-leftpadding-toppadding-bottom这个是补白即内部边距网上找下盒子模型就知道了
margin值重叠问题怎么解决
1.同向margin的重叠:
1图片的margin-top与3图片的margin-top发生重叠,2图片的margin-bottom与3图片的margin-bottom发生重叠。
这时候重叠之后的margin值由发生重叠两片的最大值决定;如果其中一个出现负值,则由最大的正边距减去绝对值最大的负边距,如果没有最大正边距,则由0减去绝对值最大的负边距。解决同向重叠的方法:
(1)在最外层的div中加入overflow:hidden;zoom:
1(2)在最外层加入padding:1px;属性(3)在最外层加入:border:1pxsolid#cacbcc;2.异向重叠问题:
1图片的margin-bottom与2图片的margin-top发生重叠,这时候重叠之后的margin值由发生重叠两图片的最大值的决定的。
解决异向重叠问题:
float:left(只能解决IE6浏览器中的异向重叠问题,可以解决IE8以上、chorme、firefox、opera下的同向重叠问题)
OK,本文到此结束,希望对大家有所帮助。
本文链接:http://xinin56.com/qianduan/2642.html