Question

CSS让百分比和px一起使用

Answer 1

在CSS中，百分比和px可以一起使用，代塌滚脊码如下：

left: calc(10% + 10px)

.class {    width: calc(50% - 100px);
}

注意：设置完left: 10px; 后 使用 padding-left: 10px; 盒子内部向右移动10px，如果让盒子整体移动，用margin-left: 10px;

扩展资料：

px的特点：

1、IE无法调整那些使用px作为单位的字体大小；

2、国外的大部分网站能够调整的原因在于其使用了em或rem作为字体备橘单位；

3、Firefox能够调整px和em，rem，但是有大部分的国产浏览器使用IE内核；

4、px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的,可以定宽、定高；

5、em是相对长度单位。相对于当前对象内文本团渗的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸；