极客观点
项目管理
HarmonyOS
看css权威指南讲垂直格式化的影响因素, 当margin-top和margin-bottm为负数浏览器是怎么处理的?
我自己试了几次,发现如果设置margin-top为负数时会导致<p></p>这个元素整体向上偏移, 但是设置margin-bottom为负数时,和margin-bottom为正数的样子完全相同. 这是怎么回事呢?
CSS垂直格式化margin-top和margin-bottm为负数浏览器是怎么处理的?
阅读 4.8k
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
如何自定义设置虚线边框的样式？
背景： {代码...} 如上图所示：虽然可以设置虚线边框，但是虚线边框的样式往往需要修改：比如:单个实线间的间距自定义调整;单个实线的长度自定义调整。5 回答1.3k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？3 回答1.4k 阅读✓ 已解决
为什么这个动画一直在抖动?
demo为什么这个动画一直在抖动?3 回答2.1k 阅读✓ 已解决
怎么把一个矩形div变成一个直角三角形？
下面的是一个正常的div，怎么变成浅角部分，就是把一个矩形的div变成下面是直角的直角三角形。4 回答2k 阅读
如何实现 前端视频流的处理 和优化？
处理视频流，比如在 WebRTC 项目中如何处理视频的分辨率变化、帧率控制等问题？2 回答1.4k 阅读✓ 已解决
通栏banner图片，如何不变形且内容完全显示不裁剪啊？
要求图片等比例完整显示不裁剪不留白， 图片比例固定是16/3使用object-fit: contain; 图片两边有空白使用object-fit: cover; 图片显示不全，被裁剪了原图3 回答1.3k 阅读✓ 已解决
我看到很多网站，都会对CSS初始化：`margin: 0; padding: 0;` ，目的是什么呢？
我看到很多网站，都会对CSS初始化：margin: 0; padding: 0; {代码...} 比如： {代码...} 请问这个目的是什么呢？1 回答1.5k 阅读✓ 已解决
CSS中margin-top和margin-bottom的处理方式是不同的。
margin-top会将当前元素上移。如果该元素position不是absolute或fixed，这还会导致之后的元素也向上移。
margin-bottom会缩小下方的空间，使之后的元素上移，以至于与之重叠。
Fiddle: http://jsfiddle.net/CKY7x/1/
参考：http://www.w3.org/TR/CSS2/box.html#box-margin-area