как установить элементу с абсолютным позиц-нием отступ в процентах и в пикселах
 

нужно, чтобы элемент был близок к середине, но и сдвинут на фиксированную длину.
мне нужно что-то подобное : left: 50% + 100px

ещё мне нужно процент от ширины самого блока учитывать
что-то типа этого:
left: 50% - (this.width) + 100px

Как обычно, margin, translate, даже calc не понадобился.

<style>
.center {
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: 100px;
  
  
  display: inline-block;
  position: absolute;
  background: #0f0;
}


/* линейка */
body::after {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  border: 1px dotted #f00;
  height: 100vh;
  width: 0;
}
</style>

<div class="center">center + 100px</div>