Ширина CSS: X процентов +/- Y пикселей

Question

Я хотел бы сделать несколько простых математических макетов. Я помню, синтаксис ниже работал в опере в прошлый раз, когда я попробовал это. Насколько мне известно, в стандартном CSS отсутствует какая-либо поддержка вычислений. Так как же мне добиться этого с помощью стандартного CSS (совместимого с IE7)?

#myDiv {
  width:100% - 260px;
}

Редактировать Итак, вот некоторый контекст:

Я попытаюсь нарисовать мою ситуацию с какой-нибудь уродливой аськой.

|`````````````````````````````````````````|
|  container                              |
|                                         |
||```````| |`````````````````````````````||
|| Fixed | | Floated right.              ||                         
|| Width | | ?? 100% - left div width    ||
|| float | |                             ||
|| left  | |                             ||
|````````` ```````````````````````````````|

По сути, я хочу, чтобы div справа заполнил все оставшееся пространство, даже если у него недостаточно содержимого для этого. Правый элемент div имеет тип содержимого блока.

Answer 1

#myDiv {
  width: auto;
  margin: 0 0 0 260px;
}

… может работать или не работать в зависимости от того, что именно пытается быть достигнуто (поскольку это зависит от того, как другие стили / элементы взаимодействуют с ним.

Answer 2

Стандартные CSS не имеют каких-либо расчетов поддержка, насколько я знаю.

Так, как я могу достичь этого с стандарт CSS (совместимый с IE7)?

Вы просто не ответили на свой вопрос? Это было бы невозможно без сценариев.

Если содержащийся div имеет явную ширину, вы можете просто установить явную ширину.

Это поможет увидеть вашу реальную проблему, особенности, могут быть обходные пути.

Если вы центрируетесь, вы могли бы #foo { margin:0 130px; } например ...