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版本?
  • 热门搜索
    巴沙鱼怎么做好吃 怎么抓老鼠 微信拍一拍怎么撤回 你怎么舍得我难过原唱 肛周脓肿怎么治疗 地暖不热怎么办 均线怎么看 薇姿的护肤品怎么样 rainy怎么读 校草怎么还不和我分手