我想删除那里的空格。我是一个外行用户。如果我犯了一个愚蠢的错误,请原谅我。提前致谢。查看空间所在的图像,并参考代码。
html代码:
<html>
<head>
<title>CSS</title>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<div id="wraper">
<div id="header">
Header
</div>
<div id="sidebar">
Side
</div>
<div id="content">
Content
</div>
<div id="footer">
Footer
</div>
</div>
</body>
</html>
css代码:
#wraper {
margin:0 auto;
width:800px;
height:1000px;
background:#FCFCFC;
}
#header{
background:#CFCFC0;
height:100px;
width:800px;
}
#content {
float:right;
width:600px;
height:700px;
background:#C0C0C4;
}
#sidebar {
float:left;
width:200px;
height:700px;
background:#CFFCCC;
}
#footer {
clear:both;
background:#C0CC0C;
height:200px;
width:800px;
}
答案 0 :(得分:3)
*{
padding:0;
margin:0;
}
稍后手动为padding
和margin
提供
答案 1 :(得分:2)
尝试从body和html元素中删除填充和边距
html, body {
margin: 0; padding: 0;
}
作为一种良好做法,您可以加载normalize
或reset
样式表作为第一个css(例如http://meyerweb.com/eric/tools/css/reset/),以消除浏览器之间的样式差异
答案 2 :(得分:0)
使用http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css或http://meyerweb.com/eric/tools/css/reset/等css重置会有所帮助。
答案 3 :(得分:0)
答案 4 :(得分:0)
@Fabrizio指定的另一个选项是使用规范化CSS。
https://github.com/necolas/normalize.css/blob/master/normalize.css