美文网首页
css百分比使用总结

css百分比使用总结

作者: 时间de歌 | 来源:发表于2017-09-15 13:48 被阅读7次

可以使用百分比的属性:
定位:top,right,bottom,left;
盒模型:height,width,margin,padding,
背景:background-position,background-size(css3),
文本:text-indent,
字体:font-size;

包含块的宽度:width/min-width/max-width、 margin、padding、left/right、text-indent;
包含块的高度:height/min-height/max-height、top\bottom、
元素的字体大小: line-height
元素的行高:vertical-align

background-position:

  • 0% 0%: left top
  • 50% 50%; center center;
  • 100% 100%: right bottom

字体%:父级字体的px值

em

  • 使用在font-size上: 以父级字体大小
  • 其他属性上: 以自身字体的大小

百分比无法继承

相关文章

网友评论

      本文标题:css百分比使用总结

      本文链接:https://www.haomeiwen.com/subject/bemssxtx.html