设置DIV的偏移值，以屏幕总宽度的百分比表示

Question

我使用以下代码：

$(document).ready(indent);
$(window).resize(indent);
function indent() {
    $("div:nth-of-type(odd)").offset({left: 100});
};

它工作得非常好，但唯一的问题是值 100 是以像素为单位但我希望它是 10％（以％为单位），如：

$(document).ready(indent);
$(window).resize(indent);
function indent() {
    $("div:nth-of-type(odd)").offset({left: 10%});
};

但是上面的代码不起作用 如何将偏移值设置为屏幕总宽度的％。

Answer 1

offset的左侧和顶部值以数字（像素）值的形式提供，该方法不接受百分比。

您需要确定窗口$(window).width()的宽度并将其除以10.例如：

var winWidth = $(window).width();
$("div:nth-of-type(odd)").offset({left: (winWidth / 10)});