Question

我正在尝试将内容添加到无序列表的右侧，但希望它与列表左对齐（向左浮动）。当我只添加段落和图像时，它工作正常，但如果我使用标题标记，它会将所有内容推送到列表的底部。

请参阅：http://www.advantly.com/guides/features/

左侧无序列表左侧浮动

<div id="vertmenu" style="float: left;">

style.css中标题标签的样式如下：

h1,h2,h3,h4,h5,h6 { clear: both }
.clear { clear: both }
.clearfix:after {
  display: block;
  visibility: hidden;
  content: ".";
  clear: both;
  text-indent: -9999px;
  height: 0;
}

感谢能够提供帮助的任何人！

Answer 1

试试这个：

#vertmenu {
    float:left;
    width:200px;
}

#benefits-content {
    margin-right:210px;
}

Answer 2

您可以将此添加到标题css：

display: inline-block;

这是你的#commentsbox。

clear: both;

Answer 3

你为什么不把剩下的内容浮动？尝试将此添加到右侧所需内容的容器中：

float: left;
width: 600px;

Answer 4

这是一个如何浮动容器元素中的几个元素的一个非常基本的例子。以此为指导，你不应该走错路。

http://jsfiddle.net/N3FPJ/

内容不会与标题标记左对齐，而是与左侧浮动的div对齐

4 个答案: