0

我正在尝试创建渐变背景，然后在中心创建一个纯色框，然后在其中键入文本。我的代码在下面，效果很好，但纯色框（主体）与浏览器顶部不齐，之间有一点空间。你如何摆脱这个？

html {
    text-align: center;
    background-color: #FFF;
    background-image: url(../../Public/Documents/Business/Running%20Companies/Enlightenment%20Project/Website/images/bg.jpg);
    background-repeat: repeat-x;
    margin: 0px;

    }

body {
    background-color: #FFFFFF;
    height: 768px;
    width: 1024px;
    margin: auto;
    }

**更新

工作代码如下：

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    background-color: #FFF;
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
}

/*
 * Removes default margin.
 */

body {
    margin: auto;
    background-color: #FFF;
    height: 768px;
    width: 1024px;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 25px;
}
4

1 回答 1

1

正如@loktar 评论的那样，尝试margin: 0身体（对不起@loktar，这里是新的）

我建议在你所有的项目中使用normalize.css来摆脱这些小问题。

于 2012-09-10T01:37:48.040 回答