我需要将我的顶部水平导航栏一直移动到我的标题旁边,标题为“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个小时,感觉我的思绪已经放弃了。我确信这很简单......但对于我的生活,我无法弄明白!
答案 0 :(得分:1)
我发现float: right;
上有li
而不是.topnav
。这是你的主要问题。
我改变了这个并移除了很多群集,这就是我得到的:https://jsfiddle.net/qkLgqmfh/3/
我认为这就是你想要实现的目标。
修改:如果您想在整个宽度上设置黑色背景,请将topnav
和h1
放在一个新的div
中并设置{{1 }}。由于div只包含浮动元素,因此它将呈现0高度和宽度,因此您还需要设置background-color: black;
(除非您想要给它一个特定的高度)。
关于链接的大小,您只需更改overflow: hidden;
。