На снимке экрана вы видите список элементов слева (не плавающий) и окно отображения справа (плавающий). Как я могу предотвратить попадание элемента 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;
Спасибо, Райан
ПОСЛЕ ПРЕДЛОЖЕНИЯ РОБЕРТА:
ОТВЕТ ТИМУ Б
Ширина является динамической на разных страницах, динамической, как и на каждой странице, но она не будет меняться для каждой страницы, за исключением элементов li, которые выходят за пределы поля отображения. Точно так же, как когда вы перемещаете изображения слева, а текст находится справа от изображений, но как только изображения заканчиваются, текст продолжается под изображением до правого края страницы, это то, что я хочу в обратном порядке. . Итак, я хочу, чтобы элемент li шел к левому краю правого поля отображения, но после поля я хочу перейти к краю страницы. Сам текст соответствует этому, но по какой-то причине элемент li не распознает наличие «объекта», чтобы предотвратить его остановку и врезание в окно отображения. Причина, по которой он не распознает его, заключается в правильном плавающем окне отображения, которое нарушает нормальный поток вещей, но я думаю, что должен быть способ либо манипулировать окном отображения, чтобы его можно было распознать, либо манипулировать ли элементы, чтобы они могли распознать поле дисплея.