css百分比使用总结

可以使用百分比的属性:
定位: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百分比使用总结)