html - 如何自定义标题

我今天面临的问题是小工具的宽度。我希望border-bottom的#customheader行扩展到任何给定屏幕的全宽。但是，现在border-bottom仅是博客的宽度。在不影响小工具的其他元素的情况下，如何增加border-bottom？

我的博客的网址如下：http://www.blankesque.com，小工具的编码如下：

 <style>
     #customheader a {
         font-size: 60px;
         font-family: lato light, 'cantarell';
         color: #737373;
         text-transform: uppercase;
         font-weight: normal!important;
         letter-spacing: 0.07em;
     }
     #customheader {
         margin: 7% 0 2% 0;
         padding: 0 0 3.5% 0;
         border-bottom: 1px solid #cccccc;
     }
     #customheader a:hover {
         color: #000000!important;
     }
 </style>

 <center>
     <div id='customheader'>
         <a href='http://www.blankesque.com'>Blankesque</a>
     </div>
 </center>

最佳答案

您需要将其移到设置为1080px的.content-outer之外。

如果可能，将整个<header>...</header>移到.content-outer之外