在所有网页内容中添加填充内容

-2

我正在使用嵌入式JavaScript Web应用程序的网页上工作，因此造成了网页上的填充混乱。我想在页面的所有内容中添加填充，以便它们不会完全压在边缘上，但我似乎没有做的是正在工作。首先，我尝试用div来包含body中的所有内容，并向该div添加CSS填充，但没有任何内容。然后我尝试在CSS文件中向body添加填充，但没有任何结果。最后我试了*{ padding: 10, 10, 10, 10 px; }，但什么都没有。任何想法如何添加填充网页的所有内容？在所有网页内容中添加填充内容

来源

2014-07-10 Doug

10对于padding是无效值。您可能正在寻找px或%。此外，将padding添加到*将在页面上添加padding到每个单元，而不仅仅是在页面的“边缘”附近。

body{ padding: 10px; }

来源

2014-07-10 14:42:05 Mooseman

可能要添加'箱尺寸：border-框;如果你注意到一个水平滚动条，也是如此。 – Aibrean

@Aibrean这是OT，但是。 [这是一篇很好的文章]（http://www.paulirish.com/2012/box-sizing-border-box-ftw/）。 – Mooseman

SIMPLE-

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

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

你的语法是错误太多，其*{padding: 10px 10px 10px 10px;}，没有逗号

AMEND表观OP使用 -

body{ 
    padding: 10px; 
}

来源

2014-07-10 14:43:22 ggdx

不是OP正在寻找什么。我可以理解这种混乱，但他只想填充“body”。 –

啊。好吧，修改...谢谢@Paulie_D – ggdx

我不认为这是最好的解决方案，因为每个对象（如按钮和文本）收到填充，这真的搞砸了。 – Doug

在所有网页内容中添加填充内容

回答

相关问题