Я пытаюсь получить всплывающее окно справа, с переменным списком таблиц или дивов (сгенерированным с помощью ASP.NET Repeater, но это не важно) слева.Таблицы / div должны расшириться, чтобы заполнить оставшуюся ширину.
Это было бы хорошо: поместите флажок вправо и установите margin-right для каждой из таблиц или div.Тем не менее, я хочу, чтобы таблицы / делители расширялись, чтобы заполнить всю ширину страницы после того, как они «прошли» конец плавающего элемента - в основном, чтобы обернуть вокруг всплывающего окна, заполняя оставшуюся ширину.
(Вот некоторый код, который послужит основой для экспериментов: я хочу, чтобы div - или эквивалентные таблицы - не перекрывали плавающее поле, а использовали всю доступную ширину.)
<div style="border: 1px solid black; background-color: red; float:right; width:40em; margin:10px; padding:10px;">
Hello, world
</div>
<div style="background:yellow; margin:10px; padding:10px;">
One
</div>
<div style="background:yellow; margin:10px; padding:10px;">
Two
</div>
<div style="background:yellow; margin:10px; padding:10px;">
Three
</div>
</body>
</html>
Единственное, что яЯ обнаружил, что подходить ближе - значит иметь один из столбцов в таблицах, чтобы иметь огромную ширину, длиннее, чем это возможно - например, 3000 пикселей.Затем таблица «расширяется», пытаясь добраться до 3000 пикселей, но не может, и поэтому она заполняет доступную ширину, учитывая всплывающее окно, когда оно находится в верхней части страницы, и просто перемещая всю ширину немного дальше вниз.когда всплывающей коробки больше нет.
Я надеюсь, что объяснил это достаточно хорошо, пожалуйста, прокомментируйте, если нет.Я искал дубликаты, ожидая много, но я думаю, что я не нашел этот точный вопрос;только люди, просящие то же самое, но без таблиц, расширяющихся до полной ширины после того, как всплывающее окно «с дороги».Спасибо.