每日一记 - 但并不日更
在手机端开发的时候，遇到了一个小问题，就是有些时候子元素的margin会穿透父元素暴漏出来。
这是什么意思呢，就是本来希望给子元素和父元素的边界留个距离，结果发现根本没有生效。
你希望这样
结果这样
给出完整的dom和style
本来不需要给卡片(父元素)写什么样式的，段落(子元素)之间会按照相应的距离分开。结果不得不把应该写在段落的样式写到卡片上。
样式的职责也变得不清楚
最后发现只要给父元素加一个overflow: hidden就能改变父元素对边距的判断。让子元素按照期望的方式显示。
样式的职责清晰
初步猜想应该是盒模型的状态决定的，当父元素使用了float: left或者是脱离文档流position: absolute时，子元素margin并不会穿透父元素。
当然这个问题肯定不是bug，应该是符合W3C的标准，只是用overflow能更简单的实现我们想要的效果。
在手机端开发的时候，遇到了一个小问题，就是有些时候子元素的margin会穿透父元素暴漏出来。 这是什么意思呢，就是...
用Google搜异常信息，肯定都访问过Stack Overflow网站 全球最大的程序员问答网站，名字来自于一个常...
每日一记
每日一记 今日标签：暴雨 异常闷热 暑期开始 吃素第四天 昨天看到宝贝的暑期安排，实在惊讶。早餐时说起作业，平均每...
每日一记，2017年6.13 今日体验：最近晚上下楼锻炼，我都异常兴奋，想到有人会关注我写的日精进，有人给我点赞，...
妊娠纹产生的原因和如何消除妊娠纹 妊娠纹产生的原因和如何消除妊娠纹 妊娠纹产生的原因和如何消除妊娠纹 妊娠纹产生的...
要将文本溢出内容用 省略号 “……” 代替 可用 overflow: hidden；text-overflow: ...
一、概述 global reference使用不当，就会引发lobal reference overflow异常问...
每日一记，记录每日清晨的第一个微笑， 一用来鼓励自我， 二用来勉励自我， 三用来充实自我， 每日一记，记录每日夜晚...
不管你是用annoy还是用tensorflow，用pip安装后，然后import的时候会产生类似以下的异常： 优先...
本文标题：#每日一记#用overflow消除margin-top产生的异常
本文链接：https://www.haomeiwen.com/subject/knldattx.html
网友评论