Question

我需要并排两个div。第一个div应该有恒定的宽度，第二个占用休息空间。两个div应该具有相同的高度，但至少应该采用所有浏览器屏幕。我写了以下代码：

<head id="Head1" runat="server">
<title>My Testing page</title>
   <style type="text/css">
    #mainDiv { height:100%;}
    #leftDiv {float:left; width:200px; height:100%;}
    #rightDiv { height:100%; } 
   </style>
</head>
<body>
   <div id="mainDiv">
      <div id="leftDiv"></div>
  <div id="rightDiv"></div>
   </div>
</body>

但是右侧div的高度始终设置为浏览器屏幕的100％，即使此div的内容更大。我想要这些div的可调整高度。

Answer 1

据我所知height:100%根据浏览器的高度作为固定高度。那你为什么不放

min-height:100%。

这应该可行，但我自己没有测试过它。

浮动div的高度问题

1 个答案: