Question

我需要一些帮助来解决我的网站的CSS问题，我已经尝试了所有我能想到的但没有按照我想要的方式工作。

您可以查看我在此处遇到的问题：http://dev.michaelcarrano.com/blog.html

您会注意到标签是浮动的，而不是连接到它下面的内容部分。

以下是CSS文件的链接：dev.michaelcarrano.com/css/general.css

任何帮助？

Answer 1

在第一个#container ul.menu li中，添加margin-top: 8px;。并从第二个margin-top:1px;中删除#container ul.menu li。

Answer 2

好的，所以应该做出一些改变。主要问题是你的<span class="clear"></span>实际占用了垂直空间。

因此，首先完全删除<span class="clear"></span>，以便您的HTML应该是：

<ul class="menu"> ... </ul>
<div class="content"> ...

接下来，在CSS中添加这些规则（如果存在，则应将它们添加到现有块中）：

div.content {
  clear: left
}

ul.menu {
  position: relative;
  float: left;
  width: 100%
}

#container #search {
  float: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

Answer 3

除了其他建议外，您还应考虑设置更具体的DOCTYPE。它有助于使您的网站在不同浏览器中更加一致地呈现。见Fix Your Site With the Right DOCTYPE!

Answer 4

您可以解决这个改变一个简单属性：

#container ul.menu li#search
{
    margin: -5px 0px -10px;
}

我网站上的CSS问题，有人可以帮忙吗？

4 个答案: