具有固定大小的空相對div？

Question

我有一個position:relative; div position:relative; 這是空的，但它充滿了javascript渲染的圖像。 目前，即使我已經分別設置了10％和20％的寬度和高度，div也沒有高度或寬度，除非我實際上放了一些html。 我想避免使用絕對像素尺寸，因為屏幕尺寸不同。 怎么解決這個問題？

編輯：有問題的div

<div id="protovis">
</div>

CSS：

body 
{
  width:100%; height:100%;
  margin:0;
  ...
}

#protovis
{
  margin-left:10%;
  width:80%; height:25%;
  position:relative;
}

Answer 1

要使用基於百分比的維度，父元素必須具有維度。 父級上的這些維度也可以是百分比，但父級的父級必須具有一些維度。

在這里查看： http ： //jsfiddle.net/NWWY8/

Answer 2

也許父元素的大小設置為其內容。