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

时间:2016-08-19 04:41:03

标签: html css navbar

我是html / css的新手,我正在尝试编辑着陆页。我几乎得到它我只有一个问题,我似乎无法找到该怎么做。

我想在我网站的左侧移动此导航栏: enter image description here

我想我需要在此代码中插入一些内容,但不知道它是什么。



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;
}




感谢您的回答。

2 个答案:

答案 0 :(得分:0)

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

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

此外,您似乎已将margin列入两次

答案 1 :(得分:0)

您可以使用:

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

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