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版本?
  • 热门搜索
    可乐煮姜有什么作用 中学生运动会广播稿 知柏地黄丸的功效作用 什么是灌木 蚕豆的功效与作用 中秋节有什么风俗 咖啡的作用 葵花籽的功效与作用 丝瓜络的功效与作用 什么是合金钢