Question

我需要将几个div定位如下。我需要的是左边的div占用整个空间减去400 px只是为了div资源。现在它重叠在左边的div上。我可以将所有宽度固定为400，但是在更高的分辨率下，右侧有大的空白区域。什么是最好的解决方案？

 <div id="left" style="position:absolute;top:0px;left:0px;width:calc(100%-400px);height:820px;background:#ececec;">
   <div id="map" style="position:absolute;top:0px;left:0px;width:calc(100%-400px);height:400px">Map goes here.</div>    
   <div id="asset" style="position:absolute;top:400px;left:0px;width:calc(100%-400px);height:420px;background:#ececec;">


   </div>
  </div>
  <div id="resource" style="position:absolute;top:0px;width:400px;left:calc(100%-400px);height:820px;background:#e6e6e6;">
   <table id="resourceHeading">
   </table> 
</div>

Answer 1

您认为使用前缀吗？

-moz-calc
-webkit-calc
-o-calc

等...

你还要在减号之前和之后留出空间：）

calc(100% - 400px)

Div位置计算不起作用

1 个答案: