极客观点
项目管理
HarmonyOS
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{margin:0; }
div{display: block;
width: 300px;
height: 200px;
background-color: blue;
/*overflow: hidden;加上这个属性外边距不合并*/ }
span{display:block;width: 180px;height: 80px;
background-color: red;
margin:80px 10px 0px 10px;}
</style>
</head>
<body>
<div>
<span></span>
</div>
</body>
</html>为什么使用OVERFLOW:HIDDEN能解决垂直外边距合并问题
新手上路，请多包涵
阅读 2.9k
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
如何自定义设置虚线边框的样式？
背景： {代码...} 如上图所示：虽然可以设置虚线边框，但是虚线边框的样式往往需要修改：比如:单个实线间的间距自定义调整;单个实线的长度自定义调整。5 回答1.3k 阅读✓ 已解决
前端有没有办法实现页面截图？
前端有没有办法实现页面截图？不是html-to-canvas那种实现，而是类似于windows上各种截图工具那样，直接截取屏幕上图像目前搜到的全是html-to-canvas的方案3 回答2.4k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？3 回答1.4k 阅读✓ 已解决
为什么这个动画一直在抖动?
demo为什么这个动画一直在抖动?3 回答2.1k 阅读✓ 已解决
怎么把一个矩形div变成一个直角三角形？
下面的是一个正常的div，怎么变成浅角部分，就是把一个矩形的div变成下面是直角的直角三角形。4 回答2k 阅读
如何实现 前端视频流的处理 和优化？
处理视频流，比如在 WebRTC 项目中如何处理视频的分辨率变化、帧率控制等问题？2 回答1.4k 阅读✓ 已解决
使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?
线上打开pdf：pdf文件请求返回<html><body><!-- no enabled plugin supports this MIME type --></body></html>预览效果如下:而本地效果如下:pdf文件返回正常:使用的chrome的模拟机型均为iphoneX，请问有大佬遇到过这种问题吗4 回答2.7k 阅读
宣传栏
规范就是这么规定的折叠必须在同一个bfc里，不为
visible的元素产生新的bfc，它里面的元素就和他不在一个bfc里所以不可以折叠,具体见这篇翻译8.3.1,