Как создать абсолютный позиционный div, имеет ширину, равную ей parent, минус некоторый запас

Я хочу иметь внутренний div, который содержит сайты в контейнерах разных размеров, и начинается с фиксированной левой позиции, а затем имеет ширину, которая заполняет остальную часть контейнера. Я привел пример css ниже, чтобы попытаться понять суть.

Мне нужно использовать абсолютное позиционирование, поэтому нельзя просто плавать вправо и устанавливать левый край. Любые идеи о том, как сделать эту работу абсолютным позиционированием? Я также попробовал width: auto и некоторые различные параметры размера коробки.

Чтобы прояснить, хитрость этого заключается в том, что левая граница должна быть исправлена, а левая граница должна быть напротив правой границы контейнера. Я не могу использовать позицию: относительный и javascript, но я, вероятно, в конечном итоге сделаю это .inner1 и .inner2 divs с жестко-кодированной шириной перед этим. Но надеясь избежать этого.

.container1 {
  position: relative;
  width: 400px;
  height: 300px;
}

 .container2 {
  position: relative;
  width: 500px;
  height: 300px;
}

.inner {
  position: absolute;
  top: 0px;
  left: 200px;
  height: 100%;
  width: 100%;
}

Ответы

.container {
  position: relative;
  width: 400px;
  height: 300px;
}

.inner {
  position: absolute;
  top: 0;
  left: 200px;
  bottom: 0;
  right: 0;
}

.inner {
  position: absolute;
  top: 0px;
  left: 200px;
  height: 100%;
  width: 100%;
}

.inner {
  position: absolute;
  top: 0px;
  left: 50%;
  height: 100%;
  width: 50%;
}

.container {
    width: 400px;
    height: 300px;
} 

.inner {
    position: relative;
    margin-left: 200px;
    height: 100%;
}