EDIT: попытка достичь противоположности this.
(вместо 2 фиксированных ширины divs по сторонам и один div ширины жидкости в середине,
Я пытаюсь получить 2 div ширины жидкости по бокам и один div, центрированный посередине)
У меня есть 3 divs: A, B и C.
B должен находиться в центре между A и C.
То, что я сейчас делаю, в значительной степени соответствует тому, что происходит выше. Но если контейнер A, B и C имеет нечетную ширину, некоторые браузеры округляют A и C ширины вниз, а другие вверх (оставляя C 1px слишком длинным и 1px слишком коротким, соответственно).
обратите внимание на дополнительный пиксель справа от C
обратите внимание, что пространство справа от C является более тонким пикселем.
Мне все равно, сколько вложенных divs мне нужно, но я тратил слишком много времени на это! Если у кого-то уже есть надежное решение этой проблемы, пожалуйста, поделитесь!
Примечания:
- Родитель A, B и C не может скрывать переполнение.
- A, B и C не могут перекрываться (у них есть полупрозрачные png)
Это моя отправная точка: JSFIDDLE