Question

我有一个底边：

div#footer-case{
border-top:solid black 1px;
    width:100%;
margin:8% auto;
      }

但边框不会跨越整个页面，而左边和右边大约有5px。

我将宽度设置为100％，但我不知道为什么它不会完全从左到右

Answer 1

如果您不想编辑正文的默认浏览器边距，请尝试以下操作：

div#footer-case
{
   border-top:solid black 1px;
   width:103%;
   margin-left:-10px;
}

在OS X Lion上使用FF 8，Chrome 16和Safari 5进行测试。

Answer 2

浏览器在视口上有默认边距，通常在body元素的现代浏览器中设置。尝试重置它：

body {margin:0;padding:0;}

在正在进行的开发工作中，可能有助于实现一个很好的CSS重置，例如：

甚至只是研究默认的用户代理样式表以及如何重置工作将有助于理解我们必须面对的所有有趣的小挑战，以使CSS屈服于我们的意志并始终如一地行事。这是一篇关于这个主题的好文章：

Answer 3

body {
   margin: 0px;
   padding: 0px;
}

Answer 4

.footer {身高：125px;宽度：103;位置：相对;背景色：＃333;颜色：#FFF;保证金左：-10px;}