html - CSS 在图像周围环绕列表，背景不出现在后面

Question

我已经查看了所有类似的问题，这些问题表明:

1. 将 overflow: auto 添加到 <ul /> .
2. float <li />左边。

两者都会导致列表显示在图像下方或图像左侧的列中。我希望列表环绕图像。这可能吗？

在示例中我使用了边框而不是背景 http://jsfiddle.net/jvh6N/

Answer 1

float <li> 有什么问题？ ？你只需要让它成为第一个 <li>让其他人环绕它:

  li:first-child { float: left; }

http://jsbin.com/ekonuf/