html - 标题

Question

我网页的主体包含在 <main> 中元素。这有一个 max-width:800px并居中 margin:0 auto .

标题<H1>是否可行, 在 <main> 内宽度大于 800px – 有一个 max-width:1000px通过突出<main>在右侧增加 200 像素？

见图片:

我明白我可以给标题position:absolute然后 max-width:1000px但这样做的问题是标题下方的文本随后显示在标题后面(因为标题已脱离正常流程)。有没有办法使用 position:absolute并且要尊重标题的高度？

Answer 1

尝试为标题添加负边距。

CSS:

 h1 { 
     margin-right: -200px;
     max-width: 1000px;
 }