Warum überlappen meine Listenelement-Aufzählungszeichen schwebende Elemente?

Ich habe eine (XHTML-strenge) Seite, auf der ich ein Bild neben normalen Textabschnitten platziere. Alles geht gut, außer wenn eine Liste anstelle von Absätzen verwendet wird. Die Aufzählungszeichen der Liste überlappen das schwebende Bild.

Das Ändern des Randes der Liste oder der Listenelemente hilft nicht. Der Rand wird vom linken Rand der Seite aus berechnet, aber der Gleitkommawert verschiebt die Listenelemente nach rechtsInnerhalb dasli selbst. Der Rand hilft also nur, wenn ich ihn breiter als das Bild mache.

Das Verschieben der Liste neben dem Bild funktioniert auch, aber ich weiß nicht, wann sich die Liste neben einem Verschieben befindet. Ich möchte nicht jede Liste in meinem Inhalt schweben lassen, nur um dies zu beheben. Wenn Sie nach links schweben, wird das Layout auch durcheinander gebracht, wenn ein Bild verschoben wirdauf der rechten Seite statt links von der Liste.

Rahmenli { list-style-position: inside } Verschiebt die Aufzählungszeichen zusammen mit dem Inhalt, führt jedoch auch dazu, dass umbrochene Linien am Aufzählungszeichen ausgerichtet werden, anstatt an der darüber liegenden Linie ausgerichtet zu werden.

Das Problem wird offensichtlich dadurch verursacht, dass die Kugel außerhalb der Box gerendert wird und der Schwimmer den Inhalt der Box nach rechts drückt (nicht die Box selbst). Dies ist, wie IE und FF mit der Situation umgehen, und soweit ich weiß, nicht falsch gemäß der Spezifikation. Die Frage ist, wie kann ich das verhindern?

Antworten auf die Frage(23)

Ihre Antwort auf die Frage