我正在尝试创建一个高度为100px且宽度为100%的头部区域.
我需要2列,左边一列是250px宽,100%是高度,直到页脚.右列应为页脚宽度的100%和页脚高度的100%.页脚应位于页面底部,高度为100px,宽度为100%.
即使2列中没有内容,我也需要它们向下延伸到页脚并让页脚可见而不向下滚动到页面.
这是我到目前为止所拥有的.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
body,html {
height: 100%;
}
body {
margin: 0px;
}
p {
margin: 0px;
}
#top {
height: 100px;
background-color: #F4F4F4;
}
#left {
width: 250px;
height: 100%;
background-color: #878787;
float: left;
margin-bottom: -100px;
}
#right {
background-color: #323232;
height: 100%;
margin-bottom: -100px;
}
#bot {
clear: right;
height: 100px;
background-color: #DCDCDC;
margin-top: -100px;
z-index: 100;
position: relative;
}
这是另一个表格的例子
Header | |
Left Col | Right Col |
Footer |