我怎样才能拥有 oj-panel 背景宽度为 100% 的项目

Question

目前有一个 oj 面板，里面有另一个 oj 面板，但我想要那个，第二个要覆盖背景颜色直到第一个的边框... current state of project

当前代码：

<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>

example of what I want to implement

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

Answer 1

移除父项 div 的填充，您的子项 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>

我怎样才能拥有 oj-panel 背景宽度为 100% 的项目

how can I have a item with background 100% width of the oj-panel

css

oracle-jet