在所有网页内容周围添加填充

时间:2014-07-10 14:39:59

标签: html css html5 css3

我正在开发一个带有嵌入式javascript网络应用的网页,其上的样式搞砸了我网页上的填充。我想在页面的所有内容周围添加填充,这样它们就不会完全按在边缘上,但我似乎没有做任何工作。首先,我尝试用div包含身体中的所有内容,并将CSS填充添加到该div但没有任何内容。然后我尝试在CSS文件中添加填充到身体但没有。最后我尝试*{ padding: 10, 10, 10, 10 px; },但仍然没有。有关如何在网页的所有内容周围添加填充的任何想法吗?

2 个答案:

答案 0 :(得分:2)

简单 -

*{
   padding:5% /* or whatever */
}

注意 - 这远非理想。最好使用完全重置并相应修改。 Eric Meyer's很容易破译

您的语法也是错误的,*{padding: 10px 10px 10px 10px;},没有逗号

表示使用OPEND -

body{
  padding: 10px;
}

答案 1 :(得分:1)

10padding的无效值。您可能正在寻找px%。此外,将padding添加到*会将padding添加到页面上的每个元素,而不仅仅是页面的“边缘”。

body{
    padding: 10px;
}