#每日一记#用overflow消除margin-top产生的异常

Posted 2023-04-29

参考技术A

在手机端开发的时候，遇到了一个小问题，就是有些时候 子元素的 margin 会穿透父元素暴漏出来 。

这是什么意思呢，就是本来希望给子元素和父元素的边界留个距离，结果发现根本没有生效。

本来不需要给卡片(父元素)写什么样式的，段落(子元素)之间会按照相应的距离分开。结果不得不把应该写在段落的样式写到卡片上。

最后发现只要给父元素加一个 overflow: hidden 就能改变父元素对边距的判断。让子元素按照期望的方式显示。

初步猜想应该是盒模型的状态决定的，当父元素使用了 float: left 或者是脱离文档流 position: absolute 时，子元素 margin 并不会穿透父元素。

当然这个问题肯定不是bug，应该是符合W3C的标准，只是用 overflow 能更简单的实现我们想要的效果。

2018/06/24-每日一记

今天上午玩去了，很后悔浪费时间

下午沉迷ad，解决了间距问题，然来一直设置的0.07最小间距是错的，0.13-0.07=0.06,然后就解决了批量的规则报错

弧形走线有进步，明天去工厂，后天再弄下fpc，哈哈，走线有些心得了。预计能弄完

结构图修改好了，关于节省成本的考虑。

执行力还是不够，文件未整理。计划也没写

晚上沙沙雨声，跑步还是歇一下。太晚了

计划明天用手机在车上写吧