У меня есть приложение GWT с панелью, которая содержит неопределенное количество виджетов с различной шириной и общее описание и панель инструментов внизу. Панель всегда по крайней мере такая же широкая, как и панель инструментов, и расширяется в случае, если виджеты шире.
Я пытался добавить конечную границу справа от виджетов, когда панель инструментов шире, но я не могу понять, как это правильно. В Firefox и Explorer это работает нормально - при наличии достаточного количества виджетов граница уменьшается до 0px. В Chrome и Safari, однако, div с рамкой всегда имеет ширину не менее 1 пикселя, что нарушает остальную часть дизайна.
Может кто-нибудь сказать мне, что я делаю не так? Я несколько упростил код здесь . Красная часть - это фиксированная панель инструментов, черная часть - виджеты (изменяющаяся ширина моделируется при наведении курсора мыши), а проблемная граница - оранжевая (с идентификатором «border»). Я понимаю, что код может быть лучше, но это отчасти связано с одержимостью GWT панелями на основе таблиц.
Надеюсь, этот вопрос имеет смысл.
Спасибо.