a“标题”或div

Question

我有什么：

我想要什么：

您想要的看起来像一个内部带有fieldset标签的元素，但我不建议使用它们。 像这样使用

legend

Answer 1

position: absolute

<div class='section'>
    <header>Header</header>
    ....
</div>

您寻找的是在html nativly中构建：边框框架是

.section{
    position: relative;
}

.section header{
    position: absolute;
    top: 0;
    transform: translate(0, -50%);
    background: white;
}

的一部分，标题是

<fieldset>

Answer 2

<legend>

（错误地）由他人说明，该解决方案无法与引导程序一起使用。通过用

<fieldset>
  <legend>Header</legend>
</fieldset>

来掩盖bootstrap覆盖，解决方案很容易

all: revert;

.revert,
.revert legend {
  all: revert;
}