CSS溢出自动和高度100％

嗨，大家好，我知道这个问题已被问过，但我的情况是不同的。我有一个内容div（在身高100％），目前有溢出：auto;CSS溢出自动和高度100％

意识到我已经把div设置为溢出是由于在内容div中使用了浮动。我正在使用的侧边栏是一个浮动，并设置为溢出：自动和高度：100％。然而，100％的高度都是可行的，而且它不会适应内容变大的情况。有没有人有想法？

例子如下：

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

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

来源

2013-11-27 Twisterz

好吧，在它上面工作给我一秒钟。 – Twisterz

@thenewseattle这是小提琴，让我知道如果你需要更深入。 http://jsfiddle.net/AVvvJ/ – Twisterz

嗨嗨给高度：100％;以上：汽车不作任何这里的变化是通过使用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希望这会帮助你。

来源

2013-11-27 05:12:37

您好，谢谢，但有一件事。我的内容div是我的包装div。我不想在宽度：100％？ – Twisterz

好吧，我只是试过，它工作得很好:)非常感谢！ – Twisterz

@Twisterz简单地将固定宽度更改为流体。 :) –

CSS溢出自动和高度100％

回答

相关问题