CSS：将宽度/高度设置为百分比减去像素

我在你的帮助下解决了我的问题，调整了一点，因为我想要一个100％宽度100％高度（底部条的高度较少）并且身体没有滚动（没有黑客/隐藏滚动条）。对于CSS： html{   width:100%;height:100%;margin:0px;border:0px;padding:0px;  }  body{   position:relative;width:100%;height:100%;margin:0px;border:0px;padding:0px;  }  div.adjusted{   position:absolute;width:auto;height:auto;left:0px;right:0px;top:0px;bottom:36px;margin:0px;border:0px;padding:0px;  }  div.the_bottom_bar{   width:100%;height:31px;margin:0px;border:0px;padding:0px;}对于HTML：<body><div class="adjusted">  // My elements that go on dynamic size area <div class="the_bottom_bar">   // My elements that goes on bottom bar (fixed heigh of 31 pixels) </div>  </div>这就是诀窍，哦，是的，我把div.adjusted的值放在底部而不是底部条高度，否则会出现垂直滚动条，我调整为最接近的值。这种差异是因为动态区域中的一个元素是添加了一个额外的底洞，我不知道如何摆脱...它是一个视频标签（HTML5），请注意我把这个视频标签与此css（所以它没有理由制作一个底洞，但确实如此）： video{   width:100%;height:100%;margin:0px;border:0px;padding:0px;  }目标：有一个视频占用100％的浏览器（并在调整浏览器大小时动态调整大小，但不改变宽高比）减去我用于带有一些文本，按钮等的div的底部空间（和验证器） w3c＆css当然）。编辑：我找到了原因，视频标签就像文本，而不是块元素，所以我用这个css修复它： video{   display:block;width:100%;height:100%;margin:0px;border:0px;padding:0px;  }请注意display:block;视频标签。

CSS：将宽度/高度设置为百分比减去像素

3回答