【问题标题】:Skeleton framework - css list spacing骨架框架 - css 列表间距
【发布时间】:2012-11-24 08:09:01
【问题描述】:

我正在尝试将我的导航在顶部更多地向左浮动大约 200 像素,至少更靠近下面可以看到的行尾。每次我应用边距或填充时,它都会将导航推到彼此下方,即使有很多空间,任何人都可以看看我的代码。

非常感谢,

我总是觉得使用 firebug 更容易,所以我把它上传到这里 http://xronn.co.uk/hosting/

再次感谢!

【问题讨论】:

  • 简化您的 HTML 和 CSS(到 SSCCE/representative 演示)并在此处发布相关代码。并且,理想情况下,我们可以使用 live demo at JS Fiddle 或类似名称进行游戏和试验。
  • 您想要徽标上方的导航?

标签: html css list alignment


【解决方案1】:

你是指左边还是右边?如果您的意思是向左,则有一个巨大的图像挡住了导航菜单。如果您的意思是向右,那么您可以随时增加导航 div 的宽度并将float: right; css 规则应用于ul(应用于#nav 元素)。

【讨论】:

  • 对不起,我的意思是对的,我现在要测试这个,谢谢你把两个都放了!
【解决方案2】:

切换导航和标志divs的位置,像这样:

<div class="seven columns">navigation menu</div>
<div class="five columns">logo</div>

这应该将导航推向左侧。此外,确保导航divseven 更多,否则徽标将出现在导航菜单旁边。

【讨论】: