Question

＆＃13;

@import 'https://fonts.googleapis.com/css?family=PT+Sans';
 * {
  font-family: 'PT Sans', sans-serif;
}
#headerpanel {
  display: block;
  background-color: red;
  width: 100%;
  margin: 0px;
  padding 0px;
  border: 0px;
}

＆＃13;

<title>Test Site</title>
<body>
  <div id="headerpanel">
    TEST
  </div>
</body>

＆＃13;

我要做的是创建一个＆＃34;标题＆＃34;这将从站点的最左侧开始到最右侧，从最顶端大约20px向下。

但是当我测试网站时，我发现左上角有这个小空间...... 我该如何摆脱它？

Answer 1

dispatch_async(dispatch_get_main_queue(), ^{
 contactCell.mUserImageView.layer.cornerRadius = contactCell.mUserImageView.frame.size.width/2;
 contactCell.mUserImageView.layer.masksToBounds = YES; 
});

Answer 2

您只需重置body的浏览器默认边距样式。

body {
    margin: auto;
}

通过浏览器IDE /开发者工具中的“ Computed ”标签查看您的盒子模型。

Answer 3

在CSS中添加以下内容

body{
  margin:0;
}

Answer 4

移除左边的身体边缘

＆＃13;

@import 'https://fonts.googleapis.com/css?family=PT+Sans';

* {
    font-family: 'PT Sans', sans-serif;
}

#headerpanel {
    display: block;
    background-color: red;
    width: 100%;
    margin: 0px;
    padding 0px;
    border: 0px;
}
body{margin: 8px 0px; }

＆＃13;

<title>Test Site</title>
<body> 
<div id="headerpanel">
TEST
</div>
</body>

＆＃13;

Answer 5

要么我误解了你的问题，要么所有其他答案都已经误解了。我一直认为System.in解决了这个问题，它确实在某些浏览器上解决了问题，但Safari和Chrome只列举了一些小边框。您应该使用close与页面边缘对齐的代码。

＆＃13;

margin: 0;

＆＃13;

top: 0; left: 0;

＆＃13;

试图创建网站标题，左/上的小空间不会消失

5 个答案: