html+css布局实现上中下三栏自适应布局

 时间:2024-10-14 21:50:28

1、新建html文档。

html+css布局实现上中下三栏自适应布局

3、书写css代码。<STYLE>* { margin: 0; padding: 0; }bo颊俄岿髭dy, html { margin: 0; padding: 0 !important; padding: 90px 0 32px 0; width: 100%; height: 100%; overflow: hidden; }.header { background: #C9F; width: 100%; height: 90px; overflow: hidden; position: absolute; top: 0; width: 100%; text-align: center; background-color: #FFCC00; }.content { position: absolute!important; position: relative; top: 90px!important; top: 0; bottom: 32px; width: 100%; overflow: hidden; height: auto!important; height: 100%; left: -3px; }.main { height: 100%; background: #66CCFF; overflow-y: auto; text-align: center; }.footer { background: #9CF; width: 100%; height: 40px; color: #e1efff; line-height: 32px; letter-spacing: 1px; text-align: center; clear: both; position: absolute; bottom: 0; left: 0; background-color: #FF6600; }</STYLE>

html+css布局实现上中下三栏自适应布局

5、查看效果。

html+css布局实现上中下三栏自适应布局
  • 用cmd运行java程序,出现“找不到文件”提示
  • github如何创建Repository(代码仓库)
  • 如何用CMD命令开启证书管理实用程序?
  • sed 替换时报错sed can't read 的解决方法
  • 如何查看flash player版本?
  • 热门搜索
    素包子馅做法大全 老虎简笔画图片大全 淘宝优惠券怎么用 何洁个人资料简介 粤菜菜谱大全 蒲松龄简介 246zl天天好·彩免费资料大全 尸王殿怎么走图解 绳结大全 怎么把视频压缩