只使用了一些css

Question

我非常困惑并且寻求帮助。我正在编辑一个Wordpress主题，在css的5行内它只是停止“阅读”它。

我无法在jsfiddle或cssdesk中发布一个示例，因为我在Wordpress中使用了标题而且不受支持。

另外，让我烦恼的是，这是早些时候工作的。去吃饭，现在不是。

http://continuum.theneocloud.com/echo-pedicure-chair/

是开发网站。它应该是底部的3行图片，标题介于两者之间。就像我说的那样，曾经工作过。浏览器正在查看css文件，因为我可以去检查元素，并看到正在加载的样式表。

示例问题：标题没有清除浮动，底部图片没有浮动，即使css是正确的。

Answer 1

在this file的第1522行，你有这个声明：

#content ol li, #content ul li, .content_full_width ol li, , .content_full_width ul li {margin-bottom: 5px;}

那里有一个额外的逗号，创建一个解析错误。

此外，在this file的第20行，您将使用右括号结束规则，而不是右括号。

#Echo_Plus_Upholstery_Options {float:left;margin-left:25%;)

Answer 2

您遇到的一个问题是您没有正确清理浮标。

将此添加到您的CSS：

h4.picture_titles{
    clear: both;
}

由于你的每个<div>都有向左浮动（#CurvedBase，#echo_options和#Echo_Plus_Upholstery_Options），因此以下标题已关闭。

Answer 3

将float:left添加到所有3个图片代码中。

即在<div id="Echo_Plus_Upholstery_Options">

内

    <div id="echo_plus_upholstery_options_black" class="wp-caption alignnone" 
style="width: 160px; float:left">