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

标签 html css

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

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

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

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

最佳答案

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

  li:first-child { float: left; }

http://jsbin.com/ekonuf/

关于html - CSS 在图像周围环绕列表,背景不出现在后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11460445/

相关文章:

CSS:UL 导航 - 悬停时,背景颜色错误

javascript - 列表中的列表后加法和减法按钮将不起作用(JavaScript)

HTML5 视频错误处理

html - Bootstrap 文本输入高度错误

html - 不要与灯箱中的图像垂直对齐

html - Twitter登录按钮如何具有44像素的高度

javascript - 更改按类选择的空输入的 CSS 属性

html - 帮助使用不同比例的图像制作居中的列

html - 使用 CSS 背景属性将包含的图像垂直对齐到 Span 标签

javascript - Jquery隐藏div列表并以5个部分显示