Question

我的页面在主体上有一个小边距，以防止文本靠近屏幕边缘。但问题是我希望div在屏幕边缘开始和结束，以获得像this page上的紫色效果。我的div有ID“div1”和“div2”我可以添加到我的css中以使div忽略身体的边缘但是仍然让其他所有元素保持在边缘内？

CSS：

*
{
   margin:3px:
}

Answer 1

*适用于每个元素。

为什么不试试你的意思？

body {margin:3px}

然后你可以用这个来制作“紫色区域”：

.hug_the_edges {margin:0 -3px}

Answer 2

是否有理由不能同时从body删除保证金？ ..我会 - 然后将边距添加到包含文本#container的另一个元素。

<style>

  body { margin:0px; }

  #container { margin:10px }

  #purple { width:100%; background-color:purple; color:white; padding:10px; min-height:200px; }

</style>

<body>

  <div id="purple">Some Text</div>

  <div id="container">Some Text</div>

</body>

以下是一个示例 - http://jsfiddle.net/Ag3w6/1/

Answer 3

您可以使用！important忽略之前的css标记

*
{
   margin:3px:
}
div
{
   margin: 10px !important;
}

如何获取忽略边距的元素？

3 个答案: