子元素margin top百分比的问题

margin top百分比 是根据父元素的宽度来计算的


如图，父元素的宽度200px,子元素margin-top:50%,最后计算出来子元素距离父元素100px,所以可以得出子元素的margin-top百分比是根据父元素的宽度来计算的

padding-top/padding-bottom/ 如果是百分比的话，也是根据父元素的宽度来计算的

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,870评论 1赞 92
  • padding、margin的那些事儿
    最近觉得，我学CSS学得太不细致了，margin、padding这些天天都在用的属性，我却没有真正了解它们、掌握它...
    盛夏晚清风阅读 2,049评论 6赞 9
  • HTML+CSS摘要
    本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,360评论 0赞 5
  • CSS基础
    CSS 是什么 css(Cascading Style Sheets)，层叠样式表，选择器{属性:值；属性：值}h...
    崔敏嫣阅读 1,523评论 0赞 5
  • CSS
    一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css...
    KunMitnic阅读 1,004评论 0赞 1