UL重叠,浮动:左图像

Question

可能重复:
为什么我的列表项目项目符号与浮动元素重叠

我一直有这个问题与浮动图像旁边的ul

这是我一直在使用的代码

<img src="abc.jpg" width="300" height="375" style="float:left;" /> Hello world isn't this amazing
<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
  <li>Six</li>
  <!--list shortened for readability-->
</ul>
<p>Extra sample text here</p>

结果

如果它改为

<ul style="overflow:auto;">

列表继续经过图像,而不是我想要的

在下面尝试这个也会得到错误的结果

<ul style="list-style-position: inside;">

我想要的Photoshop

Answer 1

您可以将 ul 放在 div 中，并使 div 浮动在图像之后