css - 我如何才能拥有 oj 面板背景宽度为 100% 的项目

Question

目前有一个 oj-panel 里面有另一个 oj-panel 但我想要那个，第二个将背景颜色覆盖到第一个的边框......项目的当前状态

当前代码：

<div class="oj-panel" style="border-style: solid; border-color: lightgrey;">
<div class="oj-panel" style="background-color: lightgrey">
    <span data-bind="text: oj.Translations.getTranslatedString('application.name')"/>
</div>

我想实现的例子

oj-panel 是最好的选择吗？如果是这样，我怎样才能将背景覆盖到边框？

Answer 1

从 parentdiv中删除 padding ，在您的子 div 上删除边距并在您的子 div 上使用width: 100%。

尝试：

.oj-panel {
  padding: 0;
  margin: 0;
  width: 100%;
}

Answer 2

只需摆脱内部 div 并将背景颜色放在外部 div 上。

我很好奇为什么你不只是使用 alt-1 虽然 http://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=panel&demo=panelcolors

<div class="oj-panel oj-panel-alt1">
    <span data-bind="text: oj.Translations.getTranslatedString('application.name')"/>
</div>