Javascript 将DIV高度设置为百分比,并将背景图像设置为相同

Javascript 将DIV高度设置为百分比,并将背景图像设置为相同,javascript,css,html,Javascript,Css,Html,我正在使用phonegap开发一个移动应用程序。我有3个div元素,一个用于标题栏,另一个用于选项卡栏,还有一个用于内容。 有谁能告诉我如何设置div高度的百分比和设置背景图像的相同div元素 提前感谢尝试以下css代码: #id_div { background:url('image.jpg'); background-size:contain; /* or this: background-size: 100% 100%; */ } 粘贴到目前为止您已经厌倦的代码css:.m

我正在使用
phonegap
开发一个移动应用程序。我有3个div元素,一个用于标题栏,另一个用于选项卡栏,还有一个用于内容。 有谁能告诉我如何设置div高度的百分比和设置背景图像的相同div元素

提前感谢

尝试以下css代码:

#id_div {
  background:url('image.jpg');
  background-size:contain;   /* or this:  background-size: 100% 100%; */
}

粘贴到目前为止您已经厌倦的代码css:.mainview{margin:0;width:100%;height:96%;white space:pre-wrap;overflow:scroll;background:url(mainview.png);}HTML:我已经以像素为单位设置了其他2个div元素的高度,效果很好。仅当以百分比指定div height时,不会设置其高度。感谢您的回复。我试过这个密码。。我只能设置宽度。我仍然无法设置高度。请注意,还有两个div元素的宽度是以像素为单位设置的。我想用第三个div元素覆盖该区域的其余部分。