2015-10-20 110 views
0

我想通过将我的标题内容放在具有固定位置的div内制作一个固定标题。下面是对DIV CSS代码:CSS div不填充顶部和左

#page_header { 
    background-color: white; 
    height: auto; 
    width: 100%; 
    position: fixed; 
    overflow: auto; 
} 

,这是我div的效果,(左上角的屏幕截图): left top corner of the div

你可以清楚地看到,有之间的空间div(白色部分)和页面,而右侧则不是这种情况,我应该如何摆脱这个空间?

谢谢。

+0

添加代码jsfiddle –

+0

你尝试过'body {margin:0; padding:0}' – sunitj

+0

是的,谢谢,body {margin:0; padding:0}的作品。 – TPWang

回答

1

你需要确保你的边距和填充归零:

margin: 0; 
padding: 0; 

而且,如果你真的想固定在适当位置的东西,最好的办法是有锁定。

position: fixed; 
top: 0; 
left:0; 
0

您需要将实际页面设置为margin:0和padding:0,而不仅仅是body。

在你的CSS样式表中使用它。

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

,将整个页面设置为0,对于一个新鲜干净的开始,没有保证金或垫衬。

+1

通过添加*,您将删除所有标签(如UL,OL,H1等)的所有间距。它会为每个元素添加额外的指定空间的额外开销。 – sunitj