Question

目前有一个oj-panel与另一个oj-panel在里面，但我想要，第二个让背景颜色覆盖到第一个的边界...... 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>

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

2 个答案: