Изменение размера CSS с% - смещение

Question

Итак, у меня есть плавающий div, и мне нужно, чтобы он всегда был на 200 пикселей вправо и заполнял остальную часть окна.Есть ли какой-нибудь способ, который является кросс-браузерным, совместимым, чтобы я мог заставить ширину заполнять остальную часть страницы, не прибегая к JavaScript?

Answer 1

JsFiddle

Все, что вам нужно сделать, это указать, как далеко направо вы хотите, чтобы он был увеличен, установив margin-left, затем используйте display:block, чтобы он занимал остальную часть ширины.

Answer 2

Если вы установите CSS left и right для элемента, который вы можете указать, чтобы <div> был на 200px уже его родительского элемента.http://jsfiddle.net/F8g2q/

Answer 3

Если я вас правильно понимаю, вы должны добавить поле в 200px к родительскому элементу div, поэтому вам нужно ввести контейнер, как показано в this fiddle .Обратите внимание, что процент ширины теперь основан на ширине нетто контейнера.

Answer 4

Если я правильно понимаю, что вы хотите правильно (чтобы блок в начале содержимого был выровнен вправо для потока контента шириной 200 пикселей вокруг него), вы можете сделать это следующим образом: http://jsfiddle.net/yD49z/1/

У меня работает в Chrome, Firefox и Opera.Не проходил тестирование в IE, не имею доступа к одному прямо сейчас.