Html 让侧边栏正常工作?

Html 让侧边栏正常工作?,html,css,stylesheet,Html,Css,Stylesheet,好的,我在一个有侧边栏和主要内容部分的网站上工作。该网站是使用DIV制作的,但我遇到的问题是侧边栏没有与content DIV垂直拉伸。例如,侧边栏有几个链接,而content DIV有很多东西,我希望侧边栏可以拉伸。谢谢您可以使用display:table cell属性进行此操作,并从中删除float。这样写: #sidebar,#content_box{ display:table-cell; } 检查这个 它可以工作到IE8及以上。你能推送一些代码以便更好地理解吗?@sandee

好的,我在一个有侧边栏和主要内容部分的网站上工作。该网站是使用DIV制作的,但我遇到的问题是侧边栏没有与content DIV垂直拉伸。例如,侧边栏有几个链接,而content DIV有很多东西,我希望侧边栏可以拉伸。谢谢您可以使用
display:table cell
属性进行此操作,并从中删除
float
。这样写:

#sidebar,#content_box{
    display:table-cell;
}
检查这个


它可以工作到IE8及以上。

你能推送一些代码以便更好地理解吗?@sandeep我有一个更容易理解的JSFIDLE。你有没有试过在内容和边栏div以及他们的父母身上使用
height:100%
?类似于
html,body,div{height:100%;}
但更精细和具体。放一些代码来获得好的答案总是好的。。。这个链接会给你一些提示。@rebus不起作用,它会将div扩展到屏幕高度,但内容溢出divsThanks,比Sandeep链接我的另一个方法更容易。