2012-08-17 73 views
0

我在寻找有关HTML布局的帮助。这里是小提琴>http://jsfiddle.net/jSUNt/基本上我想要做的是左边的'灰色'栏成为窗口的全高,右边的蓝色栏保持相对大小。例如随着内容越来越大,它越来越大。Html布局问题面板全高

有人能调整我的代码来实现这一目标

+0

这里是你想要的东西的工作例如:[** **实例(HTTP://的jsfiddle。净/ jSUNt/22 /) – ygssoni 2012-08-21 18:45:02

回答

1

试试这个:

#body{ width: 100%; } 

#menu { 
width: 30%; 
background-color: lightGray; 
height:100%; 
float: left; 
display:block; 
position:fixed;  
} 

#content { 
width: 70%; 
min-height: 50px; 
background-color: lightBlue; 
float:right; 
display:block; 
}