Question

CSS让百分比和px一起使用

我在CSS里面设置left:10%可以left:10px也可以，但是我想让它在10%的地方再往右10px，怎么写？left:10%+10px？应该不是吧，先说一下，浏览器宽度不固定，不要说把px转成百分比或者百分比转成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是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸；

Answer 2

用js解决定义变量赋值行
用css解决比较麻烦简单说思路吧
三div
第二相与第left：10%
第三相与第二left：10px
第三相与第left：10%+10px

Answer 3

left: calc(10% + 10px);
要求浏览器必须支持css3，另外+号两边一定要有空格

Answer 4

首先：left:10%+10px 是不行的，行不行其实很简单测试下就O了
其次：左右移动有几种方式可以做到：margin padding 定位后的left right等，一般都是组合使用的
再次：你这个需求有点类似响应式，这个你可以使用媒体查询@media

Answer 5

用js可以解决，定义变量赋值就行了
用css也可以解决就是比较麻烦，简单的说一下思路吧，
三个div
第二个相对与第一个left：10%
第三个相对与第二个left：10px
那第三个就相对与第一个left：10%+10px了