Question

提前致谢！我没有任何帮助我尝试浮动，边距和填充，我想只是坚持背景的顶角...问题的屏幕截图

http://www.mediafire.com/?6ngtuh4k5nf43r2

Answer 1

那个空间（可能）是身体的空间，而不是元素的空间。

body {
margin: 0;
padding: 0;
}

很难分辨，因为我无法在屏幕截图中看到<body>标记内的代码，但几乎可以肯定这就是问题所在。

Answer 2

将这些添加到您的css：

body, html {
    margin: 0;
    padding: 0;
}
.element {
    position: absolute;
    top: 0;
    left:0;
}

Answer 3

另外考虑使用css reset它有助于解决浏览器不一致问题。

Answer 4

您可以使用CSS重置工具重置所有浏览器默认样式，例如在默认css文件的顶部添加以下规则。

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,select{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}/*address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}*/ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

Answer 5

每当我开始一个新项目时，我总是在我的css文件中有这个

*{
   margin:0;
   padding:0;

   /* Optional Below */ 
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

这会重置所有内容的填充和边距（不是：box-sizing）。

如何删除此空间？

5 个答案: