zoukankan html css js c++ java

上下左右中的网站布局

header固定定位，footer固定定位，左右固定（可以采用浮动）中间自适应

 1 <style>
 2 body{padding:0;margin:60px auto 0px;}
 3 　　#div_left{float:left;width:200px;height:1000px;border:1px solid #333;z-index:-1;background: blue}
 4 　　#div_mid{margin-left:200px;margin-right:200px;margin-top:0px;height:1000px;border:1px solid #333;background: red}
 5 　　#div_right{position:absolute;right:0;top:60px;width:200px;height:1000px;border:1px solid #333;z-index:-1;background: yellow}
 6 　　#header{position:fixed;left:0px;top:0px;width:100%;height:60px;background:#258}
 7 　　#footer{width:100%;height:50px;background:#555}
 8 　　#foot{position:fixed;left:0px;bottom:0px;width:100%;height:20px;background:#147}
 9 </style>
10 
11 <body>
12 　　<div id='header'></div>
13 　　<div id='div_left'></div>
14 　　<div id='div_mid'></div>
15 　　<div id='div_right'></div>
16 　　<div id='footer'></div>
17 　　<div id='foot'></div>
18 </body>

查看全文

相关阅读:
多数据源 + Configuration中bean依赖注入顺序问题
 mysql 示例数据库安装
 mysql隔离级别与锁，接口并发响应速度的关系(1)
management & Actuator
SpEL
N/A的含义
 设置U盘图标
 c语言指针
 Decorator(装饰器)
Lambda Expression

原文地址：https://www.cnblogs.com/cdwp8/p/4040038.html