(HTML) 如何在左侧边缘移动导航栏答案

【问题标题】：(HTML) How to move navbar at edge left side(HTML) 如何在左侧边缘移动导航栏
【发布时间】：2016-08-19 04:41:03
【问题描述】：

我是 html/css 新手，我正在尝试编辑登录页面。我几乎明白了，我只有一个问题，我似乎无法找到解决办法。

我想将此导航栏移到我网站的最左侧：

我想我需要在这段代码中插入一些东西，但只是不知道它是什么。

ul {
	float: left;
	margin: 30px 0 50px 0;
	font-family: 'Roboto', sans-serif;
	border-radius: 10px;
	list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #010c15;
}

li a {
    display: block;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
}

li a:hover {
    border-radius: 10px;
	background-color: #0099ff;
    color: white;
}

感谢您的回答。

【问题讨论】：

请也发布您的 HTML 源代码..

标签： html css navbar

【解决方案1】：

您可以尝试添加以下内容：

ul{
  position:absolute;
  left: 0;
  ....
}

另外，您似乎已经两次列出了 margin

【讨论】：

【解决方案2】：

你可以使用它：

  ul {
     position:absolute;
     left: 0px;
     top: 0px;
     ....
   }

参考：http://www.w3schools.com/cssref/pr_class_position.asp

【讨论】：