CSS样式在一个12列网格

问题描述：

嘿家伙，我需要一点点帮助site我正在努力。我试图移动这两个图像，使它们并排放置在导航菜单的右侧，如this。我已经尝试使用浮动负责图片和菜单所在列表的divs，但无济于事。我在960网格系统中使用12列。这个（http://pastebin.com/nfrctRhS）是页面的CSS代码。我非常感谢你们提供的帮助，因为我一直在这个问题上停留了一段时间。谢谢！如果你脱下你的股利#featured的图像，并添加CSS样式在一个12列网格

#featured { 
    width:100px; 
    float:left; 
}

您是否已经开始工作了？就像在我的浏览器中一样，它似乎并排排列。但是上面的

标签和div＃main存在很多错误对齐。我会建议不要使用标题标记（HTML5），因为它不受所有浏览器支持。使用居中包装来包含身体的所有元素。这将修复页面的对齐方式 – 2011-03-15 02:02:24

是的，我得到了它的工作。感谢所有的帮助！ – moonkin 2011-03-21 17:53:57

答

？

你是什么意思“脱掉你的div＃特色图像”？就像将图像移出该div并进入父级

抱歉我的英语不好。是的像

之后移动图像并添加我写的css – 2011-03-13 20:36:19

好吧，我做了你说的并在网站上部署了它。正如你所看到的（http://goo.gl/EmO0o），除了菜单的宽度外，没有什么变化。出于某种原因，它看起来像浮动没有效果。 – moonkin 2011-03-13 21:06:24

答

你的主要问题是导航有一个填充权：800px;这意味着导航栏内没有空间供他们使用。

设置

header nav { padding-right:0px; }

为所期望的结果。

CSS样式在一个12列网格

相关推荐