【问题标题】:Having trouble positioning logo and nav bar定位徽标和导航栏时遇到问题
【发布时间】:2018-10-05 06:21:17
【问题描述】:

我似乎无法弄清楚如何让我的网站看起来像我的家庭作业版本。有人可以帮忙吗?

家庭作业版:

我的版本:

css:

html:

【问题讨论】:

  • 请将您的代码包含在问题的文本中,而不是图像中。将您的代码放在图像中会使您难以阅读并且不太可能获得帮助。
  • 这里有这么多需要造型的东西——我们怎么可能提供所有东西?我们不能为你做作业!
  • 你的“作业”图片是在实际网页上,还是图片?
  • 不,它只是一个图像。我希望它是一个网页,这样我就可以右键单击并检查。
  • 老兄,你必须自己进行“检查”。打开检查器并对导航进行一些更改。我将从显示内联块开始。锚点周围的填充,列表项的右边框,徽标上的填充。继续添加,直到你得到它。

标签: css layout positioning


【解决方案1】:

一个好的开始是向“logo”添加填充并去掉无序列表上的边框。

【讨论】:

  • 我不是指填充,我指的是布局。我正在尝试让导航栏一直移动到与徽标对齐的右侧
【解决方案2】:

您需要在具有徽标和菜单的容器周围添加填充。您还应该尝试display: inline-block,以便它们在同一行上。在最小值处,徽标占据了所有宽度,然后是菜单。

【讨论】:

    猜你喜欢
    • 2020-12-16
    • 2014-01-29
    • 1970-01-01
    • 1970-01-01
    • 2018-04-24
    • 1970-01-01
    • 2021-05-26
    • 2018-03-17
    • 1970-01-01
    相关资源
    最近更新 更多