如何让底部边框在 CSS 中完全延伸到整个页面答案

【问题标题】：How to get the bottom border to stretch fully across a page in CSS如何让底部边框在 CSS 中完全延伸到整个页面
【发布时间】：2014-07-27 14:47:23
【问题描述】：

我有一个底部边框：

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

但是边框并没有跨越整个页面，而是左右各有5px左右。

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

【问题讨论】：

标签： css

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

body {margin:0;padding:0;}

它可能有助于正在进行的开发工作来实现一个不错的 CSS 重置，比如这个：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

.footer {高度：125px；宽度：103；位置：相对；背景颜色：#333;颜色：#FFF；左边距：-10px;}

【讨论】：