在包装div之前删除空格

时间:2012-10-01 09:30:25

标签: css

我想删除那里的空格。我是一个外行用户。如果我犯了一个愚蠢的错误,请原谅我。提前致谢。查看空间所在的图像,并参考代码。image of design of page

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;
    }

5 个答案:

答案 0 :(得分:3)

*{  
  padding:0; 
  margin:0;
}

稍后手动为paddingmargin提供

答案 1 :(得分:2)

尝试从body和html元素中删除填充和边距

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

作为一种良好做法,您可以加载normalizereset样式表作为第一个css(例如http://meyerweb.com/eric/tools/css/reset/),以消除浏览器之间的样式差异

答案 2 :(得分:0)

答案 3 :(得分:0)

试试 demo

只将其添加到您的css顶部

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

0表示上边距和下边距,自动表示左右边距以使其位于中心

答案 4 :(得分:0)

@Fabrizio指定的另一个选项是使用规范化CSS。

https://github.com/necolas/normalize.css/blob/master/normalize.css