HTML 布局问题面板全高

标签 html layout css

我正在寻求有关 HTML 布局的帮助。这是 fiddle > http://jsfiddle.net/jSUNt/基本上我想要做的是让左侧的“灰色”栏成为窗口的整个高度,右侧的蓝色栏保持相对大小。例如随着内容变大,它也会变大。

有人可以调整我的代码来实现这一点吗

最佳答案

试试这个:

#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;
}

关于HTML 布局问题面板全高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12002650/

相关文章:

javascript - 在 Javascript 中检查麦克风音量

html - 将 div-box 放在右上角更大的 div 框中

html - 在 CSS 中,如何获取 2nd degree parent 的颜色?

javascript - 通过 id 传递元素适用于纯 javascript 但无法使用 jQuery

css - 使用 CSS3 正确悬停图像

jquery - 在 jQuery Mobile 中重新调整选择框的大小?

javascript - 更改具有类的所有元素的 id

android - 如何改变RayMenu的方向

layout - AngularJS - 多种布局

android - 如何以编程方式删除我的 NestedScrollView 的布局行为?