Ширина делителя 100% минус несколько пикселей

Question

изображение ниже объяснит, что я имею в виду

нажмите здесь для изображения

делая вид, что красная область не делитель, так как я просто хочу, чтобы она была пустой с жидкообразным делителем

position:absolute; left:0px; right:100px;

вышесказанное не сработает, потому что я пытаюсь сделать это с таблицей внутри делителя, которая уже использует позицию: absolute .... и это на самом деле для высоты, но для упрощения объяснения, я просто спрашиваю ширину

Answer 1

У вас может быть лут для структуры css (она имеет дело с js)

вы можете использовать операторы, проверять функции и операции на на официальном веб-сайте , очень интересноделать такие вещи, как:

@base-color: #000000;
    #footer { 
      color: @base-color + #003300;     
}

Answer 2

Вы можете использовать width: calc(100% -100px);, но, к сожалению, это поддерживается не всеми браузерами.

Answer 3

Ваш конкретный вопрос довольно запутанный, но, нет, CSS не имеет понятия математики. Вы не можете сделать 100% - 50px, например, хотя это было бы очень удобно.

Тем не менее, вы можете задать для элементов поля определенных измерений, и если вы не дадите элементу заданную ширину, он по умолчанию будет «авто», поэтому он будет занимать оставшееся пространство.

Таким образом, левый DIV может быть установлен с правым полем в 100px.

Это ответило бы на ваш вопрос, если бы речь шла о CSS и горизонтальном интервале изменяемого макета.

Что касается ваших проблем с вертикальным интервалом и таблицей, то это действительно совсем другое дело, поэтому предложу вам пересмотреть свой вопрос с конкретной разметкой, по которой вы ищете помощь.