我怎么能有一个背景100％宽度的oj面板的项目

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面板是最好的方式吗？如果是这样，我怎样才能将背景覆盖到边界？

Answer 1

从父级div中移除填充，在子div上移除边距并在子div上使用width: 100%。

尝试：

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

Answer 2

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

我很好奇你为什么不通过qazxsw poi使用alt-1

http://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=panel&demo=panelcolors