固定的HTML divs去边缘

我想学习基本的HTML & css，我正在做一个简单的网页与导航栏，但是当我修复我的标题时，它会在页面的右侧。固定的HTML divs去边缘

<div ID="header"> 
    <table ID="navbar"> 
     <tr> 
      <td>Home</td> 
      <td>About</td> 
     </tr> 
    </table> 
</div> 


#header { 
background-color: yellow; 
position: fixed; 
height: 35px; 
width: 100%; 
border-radius: 10px; 
border: 2px solid red}

我该如何解决这个问题？谢谢。

来源

2016-06-28 yanabeca

你要对齐的导航中心？ – Sankar

您需要为左侧和右侧定义间距。

这里我犯了一个小提琴：https://jsfiddle.net/yq6zoyhk/

#header { 
background-color: yellow; 
box-sizing: border-box; 
position: fixed; 
top: 0; 
left: 0; 
height: 35px; 
width: 100%; 
border-radius: 10px; 
border: 2px solid red}

来源

2016-06-28 12:22:29 Burcak

添加下面的CSS：

#header{ 
    box-sizing: border-box; 
    top: 0; 
    left: 0; 
}

箱上浆：边界框意味着宽度（100％）将包含边界。否则元素的宽度是100％+ 4PX - 那就是比你的浏览器窗口更宽

您也可以生病在浏览器中默认的保证金&填充设置的，所以我建议补充：

html, body{ 
    margin: 0; 
    padding: 0; 
}

在css文件的开始处，如果你还没有这样做

来源

2016-06-28 12:16:27 MuFFes

当你使用position:fixed你需要定义从左到顶的距离，如果你想从左边开始，加left:0; top:0;或者如果你想居中它然后添加left:0; right:0; top:0;

来源

2016-06-28 12:18:07

HTML文件是正确的，但在CSS文件更改。 CSS：

#header {background-color: yellow;position: fixed;height: 35px;width: 100%;border-radius: 10px;box-sizing: border-box;top: 0;left: 0;}

过去上方在你的CSS文件中的代码。

在这里你可以看到工作Demo.☺

来源

2016-06-28 12:22:55

固定的HTML divs去边缘

回答

相关问题