我有一个具有特定背景色的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