高度:100%和窗口大小调整:高度将不再是100%

高度:100%和窗口大小调整:高度将不再是100%

问题描述:

试试这个:高度:100%和窗口大小调整:高度将不再是100%

html, body { 
    height: 100%; 
} 

#container { 
    float: left; 
    width: 50px; 
    height: 100%; 
} 

你得到容器使用所有高度,但如果调整窗口例如50%和重装页面,并且一旦加载,您调整窗口的大小以使用整个大小,#container(在这种情况下将使用总窗口大小的50%)不使用额外空间。

什么是解决这个问题的最好方法,如果只使用css可行?

+2

使用元素'的位置是:绝对的;'而不是浮动。如果我们没有来源,就不能想到其他任何东西。 – Niels

它应该工作:

http://jsfiddle.net/AhFnS/

也许您拥有一个包含#container