margin过小导致被下面div覆盖

2018年4月22日15:07:22 发表评论 阅读(1,967)
本文最后更新于2018年5月29日,已超过一年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

环境:知更鸟主题,chrom浏览器
      过程:新建页面→选择文章更新模板→预览
      结果:文章头部信息被下面div覆盖

修改前:


margin过小导致被下面div覆盖

过程:

右键错乱部分,点击检查,发现是margin-bottom设置过小的原因

margin过小导致被下面div覆盖

 

之前是10px,改为50px后,显示正常:

margin过小导致被下面div覆盖

但是,正常后,发现文章更新与其他两个样式不太协调,检查后发现,文章更新的padding比今日更新&本周更新的padding多了5px,修改后,如下图:

margin过小导致被下面div覆盖

 

问题解决。

weinxin
微信小程序
互联网开发,终身学习者,欢迎您的关注!
舍得

发表评论

不高兴 彩虹 吃瓜 丢翔 乖 滑稽 花心 惊哭 惊讶 挤眼 酷 伤心 帅吗? 礼物 玫瑰 怒 生气 喷 睡觉 太开心 小九九 啊
太阳 吐舌 委屈 笑眼 星星月亮 心碎 咦 阴险 疑问 真棒 偷笑 斜眼笑 震惊 略 哈欠 无奈哭 抠鼻 哼 期待 懒得理你 爱心 蜡烛