我有一个具有特定背景色的div,页面中的数据具有相同的背景色。我想在整个页面上显示相同的颜色。请找到小提琴:http://jsfiddle.net/0w9yo8x6/48/
只有在数据出现时才会看到红色,如果我添加额外的表,我们可以看到背景红色,我想用相同的红色显示整个页面,不管数据是否存在。请建议。我不应该把bgcolor给尸体标签。对现有CSS应该做些什么修改,以便即使数据不可用,也可以向整个页面显示红色。
示例代码:

<div class="myDiv">

<br/><br><br>
<table border="1">
<tr>
<td class="myData">Data1</td>
</tr>

<tr>
<td class="myData">Data2</td>
</tr>

<tr>
<td class="myData">Data3</td>
</tr>
</table>
<br>
    <table border="1">
<tr>
<td class="myData">Data1</td>
</tr>

<tr>
<td class="myData">Data2</td>
</tr>

<tr>
<td class="myData">Data3</td>
</tr>
</table>

CSS代码:
.myDiv{
    width:100%;
    height:100%;
    background:red;
}

--编辑--
我不应该用前面提到的身体颜色。用现有的MyDIV CSS代码,我想显示整个页面的红色90%。谢谢。

最佳答案

将代码包围在<body>标记中,并在该body标记上使用css使其具有background:red
Here是一个jsfiddle。
从链接:

<body>
//your html
</body>

css将是
body {
    background:red;
}

更新:
调整到您的更新,您可以通过使用body标记将myDiv包围,并将该body标记的高度设置为100%,然后将myDiv的高度设置为90%,来实现div的背景为90%红色。
新的CSS将如下所示:
.myDiv{
    width:100%;
    height:90%;
    background:red;
}
html, body {
    height: 100%;
}

Updated fiddle

10-05 20:53
查看更多