header html 高度,CSS经典基础布局，自适应高度。header,content,footer.

/**

布局

body {

margin:0px;

}

#container {

width:100%;

margin:0 auto;/*主面板DIV居中*/

border:1px solid red;

}

#header {

width:100%;

float:left;

clear:both;

border:1px #F00 solid;

}

#header_left {

width:50%;

border:1px #F00 solid;

float:left;

}

#header_right {

width:49%;

border:1px #F00 solid;

float:right;

}

#main {

width:100%;

float:left;

clear:both;

border:1px #F00 solid;

}

#main_content{

width:100%;

border:1px solid blue;

}

#footer {

width:100%;

float:left;

clear:both;

border:1px #F00 solid;

}

Document

头部左侧

头部右侧

主页内容

底部(footer)

header html 高度,CSS经典基础布局，自适应高度。header,content,footer.相关推荐

html的高度自适应,CSS布局自适应高度解决方法
原作者:Alex Robinson 原文标题:Equal Height Columns 这是一个比较典型的三行二列布局,每列高度(事先并不能确定哪列的高度)的相同,是每个设计师追求的目标,按一般的做法 ...
【HTML5CSS3进阶学习02】Header的实现·CSS中的布局
前言我们在手机上布局一般是这个样子的: 其中头部对整个mobile的设计至关重要,而且坑也很多: ① 一般来说整个header是以fixed布局,fixed这个产物在移动端来说本身坑就非常多 ② 在 ...
html表格高度适应屏幕,Table的自适应高度
第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度:div { _height:200px; /* css 注解: 仅IE6设别此属性,假定最低高度是200px ,设置高度 jQu ...
ios xib 初始化高度_基于 xib 开发自适应高度 view
基于 xib 开发自适应高度 view 虽然 xib 和 storyboard 不那么受待见,但我依旧喜欢. 自定义 view 说明: title Label 约束 -> top:0 botto ...
iframe自适应高度，多层嵌套iframe自适应高度的解决方法
在页面无刷新更新方面,虽然现在的ajax很强悍,但是处理代码相对多点.想比之下,iframe就简单多了!处理iframe的自适应宽.高,会经常用到,网上整理了一份,写在这里备用: 单个iframe 高 ...
页面重构-让我们的布局自适应
css重构之旅 >前言: 今年我大一,马上就要大二了.从高三毕业暑假到大学的这一年马上过去,马上迎来大二生活.学习前端也有将近一年了.一昧去追求那些视觉的效果和相对高端和新颖的技术,反而忽略了最 ...
css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
android h5 div高度自适应,css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
alter table add column多个字段_ElementUI表格el-table表头固定自适应高度解决方案
一.前言 ElementUI.iView都以相同的方式提供了表格组件表头固定的方法,即设置组件的height属性.表头固定很重要,就在于当表格数据项很多时,滚动条出现在表格组件内,而不是出现在表格组件 ...
html表格高度自动调整,table表格自适应高度的办法
这篇文章主要为大家详细介绍了table表格自适应高度的办法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 关于自适应高度,361源码在以前给大家介绍过ifram ...

header html 高度,CSS经典基础布局，自适应高度。header,content,footer.

header html 高度,CSS经典基础布局，自适应高度。header,content,footer.相关推荐

最新文章

热门文章