移动我的导航栏?

时间:2015-11-25 17:26:59

标签: html css

我需要将我的顶部水平导航栏一直移动到我的标题旁边,标题为“Best TV Ever”我将它漂浮到右侧,现在它必须向上移动到页面顶部。

我该怎么做?

这是jsfiddle:JSFiddle

以及代码。

#if code_reloading? do
#  socket "/phoenix/live_reload/socket", Phoenix.LiveReloader.Socket
#  plug Phoenix.LiveReloader
#  plug Phoenix.CodeReloader
#end

我现在一直盯着这个电脑屏幕呆了6个小时,感觉我的思绪已经放弃了。我确信这很简单......但对于我的生活,我无法弄明白!

1 个答案:

答案 0 :(得分:1)

我发现float: right;上有li而不是.topnav。这是你的主要问题。

我改变了这个并移除了很多群集,这就是我得到的:https://jsfiddle.net/qkLgqmfh/3/

我认为这就是你想要实现的目标。

修改:如果您想在整个宽度上设置黑色背景,请将topnavh1放在一个新的div中并设置{{1 }}。由于div只包含浮动元素,因此它将呈现0高度和宽度,因此您还需要设置background-color: black;(除非您想要给它一个特定的高度)。

关于链接的大小,您只需更改overflow: hidden;

即可

看看:https://jsfiddle.net/qkLgqmfh/5/