margin top的bug
当子元素和父元素是纯元素 没有内容的时候,我们去调整子元素的margin:top,
他会误以为是要调整父元素 解决方案:
1.给父元素设置一个边框
2.父元素加overflow hidden
3.父元素设置float:left
4.父元素设置display:inline -black
5.子元素设置float-left
6.父元素设置pading top 取消子元素的margin:top
7.子元素设置display:inline -black
8.父元素子元素之间加<div style="height:0px”>&nbsp;</div>

转载于:https://www.cnblogs.com/mi99/p/7797457.html

在才开始进入前端这个坑的时候 在布局中会遇到很多问题 我才入这个坑的时候 在margin top 中遇到几个bug 我分享一下...相关推荐

  1. 一名运营,自学一年前端,成功入职杭州某独角兽企业,他的面试经验和学习方法等分享...

    大家好,我是若川.这是我的微信群里小伙伴@年年 的投稿.他是19年毕业,之前做的是运营相关的工作,在我的交流群里非常活跃,自学一年前端,目前成功转行入职杭州一家独角兽企业.相信他的文章能带给大家一些启 ...

  2. 【经验分享】在研究中,你是否踩过这些工程的“坑”?

    编者按:或许你曾对着前人留下的天坑怀疑人生,或许你曾疏于注释导致自己也忘了当初为什么这么写,或许你抱有"代码 work 就行了"的侥幸心理--那些年我们做研究时踩到的雷,其实许多都 ...

  3. 什么才是Web前端开发的必备核心技能?

    在前端行业发展得如火如荼的同时,前端的岗位技能已经发生深刻的变化,不断涌现的新技术让每一个Web前端开发者都焦虑不已.似乎我们学习的速度永远赶不上技术更新的速度.那么什么才是Web前端开发的必备核心技 ...

  4. 决胜未来,2019年前端开发十大战略性技术布局 1

    2010年的你,如果能学会Android开发,现在的你,薪资不会低于年薪50万-- 2015年的你,如果能熟练使用react,现在的你,薪资不会低于月薪30K-- 看到这两个数据,也许有人会反驳:技术 ...

  5. 决胜未来,2019前端开发十大战略性技术布局

    2010年的你,如果能学会Android开发,现在的你,薪资不会低于年薪50万-- 2015年的你,如果能熟练使用react,现在的你,薪资不会低于月薪30K-- 看到这两个数据,也许有人会反驳:技术 ...

  6. Java中的增强for循环的实现原理与坑

    点击上方"方志朋",选择"设为星标" 做积极的人,而不是积极废人 在JAVA中,遍历集合和数组一般有以下三种形式: for (int i = 0; i < ...

  7. 2015-11-16 入职坑

    本还想写一集WCF入门教程的,心情实在不好,明天又还有面试,改天再写吧. 说一下今天遇到的入职坑.面试能坑,上班能坑,完全没想到入职也能坑.切身经历. 今年10月份想换工作,更新了一下简历,接到北京汉 ...

  8. Android studio安装过程中入的坑的记录与记录

    Android studio安装过程中入的坑的记录与记录 * 由于最近项目的需求,所以最近一直在配置安卓的开发环境,之前用的是Eclipse + ADT的模式开发的,配置环境也花了一些时间,但是由于谷 ...

  9. ES 中时间日期类型 “yyyy-MM-dd HHmmss” 的完全避坑指南

    文章目录 1.ES中的日期类型有何不同 2.案例 2.1 案例介绍 2.2 原理揭秘 3.路为何这么不平 4.又一个坑 5.总结 6.ES 的时间类型为什么这么难用,有没有什么办法可以解决? 7.更优 ...

最新文章

  1. AgileEAS.NET平台开发实例-开发环境配置
  2. django 使用Ajax方式POST JSON数据包
  3. 011_html标题
  4. 【easy】206. Reverse Linked List 链表反转
  5. JAVA 中字符串的截取,要求不能截取半个汉字
  6. CentOS源码编译安装MySQL 5.5.15(转)
  7. 64ubuntu编译32位程序
  8. u盘检测工具哪个好用_惠普打印机哪个型号好 惠普打印机型号介绍【推荐】
  9. SpringBoot注解@Component、Repository、Service、Controller的含义
  10. 解刨一台计算机,解剖一台计算机.doc
  11. 为什么计算机报名无法选择福建,2020年9月福建计算机考试如何报名
  12. CSDN页面完美格式打印
  13. 硬件设计基础--电路仿真EDA软件
  14. C# 使用Aspose.Word将Word书签的数据进行替换 包含打印
  15. 微pe不识别nvme固态硬盘_WinPE无法识别NVMe SSD硬盘,如何重装系统
  16. 关于web服务器硬件配置
  17. unity抛物线_发射弓箭轨迹的实现
  18. 深搜(不撞南墙不回头),迷宫问题
  19. 制作抖音卡点视频?Python来帮你~
  20. 逆水寒服务器维护公告,《逆水寒》2018年11月29日更新公告

热门文章

  1. Django 3.0 正式发布,开始支持异步功能
  2. 通过NHibernate ORM和CodeDom在任何数据库中自动生成表以生成代码
  3. python主成分分析法实训报告_基于 python 的主成分分析步骤及应用实例
  4. 学术诚信的重要性_论文投稿触犯“忌讳”,选择“三缄其口”?学术道德底线不能丢...
  5. python字典的键可以是int吗_Python:大int键的快速字典
  6. hht时频谱 matlab 乱序_MATLAB信号频谱分析FFT详解
  7. 谈谈你了解的python_你也可以侃侃而谈,一文带你了解Python的前世今生
  8. 把html压缩成dll,一篇文章带你浅入webpack的DLL优化打包
  9. vue.js java php_听说Java程序员喜欢AngularJS,PHP程序员喜欢Vue.js
  10. 程序员和注册会计师的地位_“注册会计师和律师哪个地位高?”这3张图给出了答案!...