如何自定义标题

时间：2015-12-14 21:59:15

标签： html css blogger

我今天面临的问题是小工具的宽度。我希望border-bottom的{​​{1}}行扩展到任何给定屏幕的整个宽度。但是现在#customheader只是博客的宽度。如何在不影响小工具其他元素的情况下延长border-bottom？

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

border-bottom

3 个答案:

答案 0 :(得分：0)

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

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

之外

You can see the arrangement of the HTML elements here and how it affected the page styling

答案 1 :(得分：0)

你可以在position: absolute添加一个不可见的div，你需要边框，并将宽度设置为100％。然后你可以设置边框或使用div作为边框。

example JSFiddle

答案 2 :(得分：-1)

如果您想要一条低于#customerheader的线并延伸到屏幕的整个宽度，那么最好引入位于<hr/>元素下方的独立<center>并且以下CSS属性：

hr {
  width: 100%;
  border-bottom: 1px solid #cccccc;
}

请注意，您必须从border-bottom: 1px solid #cccccc;中移除#customerheader，因为水平线元素正在替换此效果。

回想起来，如果你修复网站中的布局问题，甚至不需要上面的内容，这会导致你的元素看起来不对齐。你需要研究使它们偏向左侧的原因，但是使用你提供的代码我无法轻易找出问题的根源。

如果您有任何问题，请告诉我

相关问题
最新问题