问左内容切入右浮动内容

EN

在屏幕截图中，您可以看到左边的项目列表(未浮动)和右侧的显示框(浮动)。如何防止左项的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;

谢谢，莱恩

罗伯特建议后的：

​

​

对TIM B的响应

宽度在不同的页面上是动态的，就像在不同的每页中一样，但是它们不会在每页的基础上改变，除了显示框之外的li元素。就像你把图片放左边，文字放在图片的右边，但是一旦图片结束，文本就会一直延伸到页面的右边，这就是我想要的。所以我想让li元素转到右边显示框的左边，但是过了这个框，我想转到页面的边缘。文本本身也符合这一点，但是由于某种原因，li元素不承认有一个"object“来阻止它停止并切割到显示框中。它不认识它的原因是因为正确的浮动显示框，它打破了正常流动的东西，但我认为必须有一种方法，要么操纵显示框，它可以被识别或操纵李元素，这样他们才能识别显示框。