设置的div高度

目标是一套名为表（divRestOfHeight）里面的第二个div服用屏幕我试图用“高度来完成它的头枕高度：100％;位置的绝对“，但它设置div与屏幕的所有高度，而不仅仅是休息...设置的div高度

我见过与JavaScript的例子，但我想知道是否有一种方法，只有CSS的doit。

查看：

<div id="divMain"> 
    <div> 
     <table id="tTable"> 
       <tr> 
        <td>        
         <div id="divFixedHeight" style="height:200px;background-color: red;width: 100%;position: absolute;"> 

         </div> 
        </td> 
       </tr>    
       <tr> 
        <td>       
         <div id="divRestOfHeight" style="background-color:pink">      

         </div> 
        </td> 
       </tr> 
      </table> 

    </div> 
</div>

来源

2013-02-25 user1520494

表不是可维护性 – happy 2013-02-25 16:44:01

若要将块元素设置为屏幕的100％高度，还必须将其所有父级的高度设置为100％高度。

例如，假设您具备以下条件：

<div class="parent"> 
    <div class="child"> 
     some content 
    </div> 
</div>

为了.child有100％的高度，.parent也必须设置为100％的高度。像这样：

html, 
body, 
.parent, 
.child { height: 100%; }

来源

2013-02-25 16:19:26 Axel

你的意思是你希望它的divMain外溢出到浏览器窗口的底部，或者您希望它填补了divMain内的剩余空间？

据我所知，如果不填充页面，它将不会填充浏览器的其余部分，而嵌入到div标签中。

尝试增加divMain的高度或使底部边距为0px来拉伸它。

来源

2013-02-25 15:32:52

一个好主意，我想将divMain外溢出到浏览器窗口的底部！ :)我会尝试你的建议 – user1520494 2013-02-25 15:37:03

此代码你以后

<body style="padding: 0; margin: 0;"> 
    <div id="divMain" style="height: 100%;">       
    <div id="divFixedHeight" style="height:200px;background-color: red;width: 100%;position: absolute;"></div>      
    <div id="divRestOfHeight" style="background-color:green; height: 100%;"></div> 
    </div> 
</body>

或者你真的需要这些表thingys？它确实看起来像丑陋的HTML：/

来源

2013-02-25 15:56:29

您好，Magnus ty您的回应！与您的帖子和我发现我会解决我的冲突的链接:)有趣的链接> http://webdesign.about.com/od/csstutorials/f/set-css-height-100-percent.htm – user1520494 2013-02-25 16:07:18

设置的div高度

回答

相关问题