当我用％指定边距时，它指的是宽度而不是宽度和高度

Question

一个简单的问题，我有2个div，下面的代码（见下文）。我想制作一个占据屏幕高度和宽度96％的div（最小尺寸也是），它具有2％的空白空间（所以这就是为什么我要放2％的余量）。问题在于它以像素为单位考虑宽度的2％，并将该比例也考虑到高度（所以在我的屏幕中，我有33.6px margin-top，margin-bottom，margin-left。margin-right，而不是2 ％与高度和宽度成比例）。

你知道如何使它工作吗？我真的不太了解JavaScript，因为我正在自学，而且我对这一点很陌生，我知道如果这是一个初学者问题，可以用它来完成这件事。另外，我上传到我的虚拟主机，所以你如果你想帮助不要让一个.html文件，或者，如果你想看看：提前

http://shoujo.bigchannel.org/stackoverflow.html

感谢，并感谢您阅读我问题

  <style> 
      #div1 
      { 
       position:fixed; 
       width:100%; 
       height:100%; 
       min-width:1020px; 
       min-height:780px; 
       left:0px; 
       bottom:0px; 
      } 
      #div2 
      { 
       width:96%; 
       height:96%; 
       margin:2%; 
       background-image:url(background.png); 
      } 
      </style> 
      <div id="div1"><div id="div2"></div></div> 

Answer 1

它可以通过jQuery的迎刃而解

http://jsfiddle.net/2qrGN/ （除去最小宽度&最小高度在这个例子中，以便它的可见）

将其贴到标题中：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ fixLayout() }); 
$(window).resize(function(){ fixLayout() }) 

function fixLayout(){ 
    var targetMargin = $(window).height()*0.02; 
    $('#div2').css({marginTop:targetMargin, marginBottom:targetMargin}); 
} 
</script>