Question

CSS让百分比和px一起使用

我在CSS里面设置left:10%可以left:10px也可以，但是我想让它在10%的地方再往右10px，怎么写？left:10%+10px？应该不是吧，先说一下，浏览器宽度不固定，不要说把px转成百分比或者百分比转成px！

Answer 1

两个方案：
（1）写成11%：把10px转换成百分比
（2）把10%转换成px,反复测试几次数据，就能得到**px
望采纳！

Answer 2

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

Answer 3

1、用 less，可编程的css，具体请百度 less css；
2、js来控制，先用10%，用js获取坐标，加10px位移；
3、left:10%; margin-left:10px; 效果不佳可以做2层嵌套div，外层10%，内层margin-left:10px （建议）

追问

js怎么控制

Answer 4

结合js来做，具体思路：

js计算出浏览器宽度的10%，会得到一个px值，用这个值加10px后再用js把总值写到样式中

追问

给个实例

Answer 5

两层嵌套
<div class="wrap">
<div class="content"></div>

</div>

.wrap{ left: 10%; padding-left: 10px;}
外层定位用，内容放在内层

追问

不止是位置，还有高度宽度！！