web前端|html教程
div+css布局之固定浮动布局
web前端-html教程
fixedFloat.htm
三缺一湖南跑胡子源码,内置ubuntu vim,命令行配置tomcat,托人写爬虫,php数据库中间件,seo非常重要的优化方法技巧lzw
上标题
左导航
中内容
右导航
下版权
asp个人论坛源码,egg vscode,ubuntu 清理空间,TomCat yaoi,sqlite 时序结构,服务器添加端口,javascript日历插件,ssh框架前端使用,网络爬虫犯法吗,php 预处理,杭州seo排名公司,文库网站源码,javascript网页计算器,架设论坛服务器模板,html页面 表格 手机,车辆管理系统论文,手机选号程序lzw
网狐安卓客户端源码,ubuntu如何转移文件,360度爬虫事件,php中可以引用php代码吗,banner怎么seolzw
style.css
/* CSS Document */*{ margin:0; padding:0;}body{ margin:10px;}#header{ border:1px solid black; width:600px; height:60px; margin:0 auto; margin-bottom:10px;}#header h1{ height:60px; line-height:60px; font-size:16px; text-align:center;}#body{ width:600px; margin:0 auto;}#navl{ border:1px solid black; width:150px; height:500px; float:left; margin-bottom:10px; background:lightcyan;}#main{ border:1px solid black; width:294px;/*边框也算一个像素*/ height:500px; float:left; margin-bottom:10px; background:lightblue;}#navr{ border:1px solid black; width:150px; height:500px; float:right; margin-bottom:10px; background:lightyellow;}#footer{ border:1px solid black; width:600px; height:60px; line-height:60px; margin:0 auto; text-align:center; clear:both;}
效果如下:
这种布局的好处是:由于固定了div的宽和高,所有改变浏览器窗口的大小不是影响到div的显示。