На снимке экрана вы видите список элементов слева (не с плавающей точкой) и поле отображения справа (с плавающей точкой).Как я могу предотвратить врезание элемента li левого элемента в окно дисплея?Содержимое li следует за потоком и разбивается на новую строку перед запуском в поле отображения, но элемент li, как и в контейнере, не выполняет.
Элементы Li наслева:
border: 1px solid #000000;
display: block;
margin-bottom: 8px;
padding: 10px;
Поле дисплея справа:
border: 3px double #000000;
display: inline-block;
float: right;
margin-left: 20px;
padding: 15px;
width: auto;
Спасибо, Райан
ПОСЛЕ ПРЕДЛОЖЕНИЯ РОБЕРТА:
ОТВЕТ НА ВРЕМЯ B
Ширина на разных страницах динамическая, как на разных страницах, но не изменяется наза страницу, за исключением элементов li, которые выходят за рамки отображения.Точно так же, когда вы перемещаете картинки влево, а текст располагается справа от картинок, но как только картинки заканчиваются, текст продолжается под изображением вплоть до правого края страницы, это то, что я хочу в обратном порядке.,Поэтому я хочу, чтобы элемент li шел к левому краю правого поля отображения, но за рамкой я хочу перейти к краю страницы.Сам текст соответствует этому, но по какой-то причине элемент li не распознает наличие «объекта», чтобы предотвратить его остановку и разрезание в окне дисплея.Причина, по которой он не распознает это, из-за правильного всплывающего окна дисплея, которое отрывает вещи от нормального потока, но я думаю, что должен быть способ либо манипулировать окном дисплея, чтобы его можно было распознать, либо манипулировать им.элементы, чтобы они могли распознать окно дисплея.