Question

嗨，大家好我之前已经问过这个问题，但我的情况有所不同。我有一个内容div（在体内，身高100％），目前有溢出：auto;

我知道div设置为溢出是由于在内容div中使用了浮点数。我正在使用的侧边栏是浮动并设置为溢出：auto和height：100％。但是，高度100％是可行的，并且它不会调整到内容div变大。有没有人有想法？

示例如下：

<body style="height:100%">
   <div id="content" style="overflow:auto;">
      <div id="sidebar" style="float: right; overflow: auto; height: 100%;">
      </div>
   <div>
</body>

我无法设置* {height：100％;由于导航栏的工作方式。

Answer 1

嘿嗨给予身高：100％;以及：auto不对此进行任何更改是使用display:table和display:table-cell（了解您的需要）对内容进行全高度的简单方法

#content {
    width : 100%;
    display : table;
     margin : 0 auto;
     height : 100%;
}
#side_bar, #main{
        background : white;
        display : table-cell;    
        border : 2px dotted dodgerBlue;
        border-radius : 10px;
}

#side_bar {
   width : 27.5%;
     color:#fff;
      background: linear-gradient(#444, #111);
}
#main {
       width : 65%;
}

检查我的fiddle希望这会对您有所帮助。

CSS溢出自动和高度100％

1 个答案: