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