zoukankan
html css js c++ java
三行二列居中高度自适应布局
<
html
>
<
head
>
<
style
type
="text/css"
>
body
{
}
{
background
:
#999
;
text-align
:
center
;
color
:
#333
;
font-family
:
arial,verdana,sans-serif
;
}
#header
{
}
{
width
:
776px
;
margin-right
:
auto
;
margin-left
:
auto
;
padding
:
0px
;
background
:
#EEE
;
height
:
60px
;
text-align
:
left
;
}
#contain
{
}
{
margin-right
:
auto
;
margin-left
:
auto
;
width
:
776px
;
}
#mainbg
{
}
{
width
:
776px
;
padding
:
0px
;
background
:
#60A179
;
float
:
left
;
}
#right
{
}
{
float
:
right
;
margin
:
2px 0px 2px 0px
;
padding
:
0px
;
width
:
574px
;
background
:
#ccd2de
;
text-align
:
left
;
}
#left
{
}
{
float
:
left
;
margin
:
2px 2px 0px 0px
;
padding
:
0px
;
background
:
#F2F3F7
;
width
:
200px
;
text-align
:
left
;
}
#footer
{
}
{
clear
:
both
;
width
:
776px
;
margin-right
:
auto
;
margin-left
:
auto
;
padding
:
0px
;
background
:
#EEE
;
height
:
60px
;
}
.text
{
}
{
margin
:
0px
;
padding
:
20px
;
}
</
style
>
</
head
>
<
body
>
<
div
id
="header"
>
header
</
div
>
<
div
id
="contain"
>
<
div
id
="mainbg"
>
<
div
id
="right"
>
<
div
class
="text"
>
right
<
p
>
1
</
p
><
p
>
1
</
p
><
p
>
1
</
p
><
p
>
1
</
p
><
p
>
1
</
p
></
div
>
</
div
>
<
div
id
="left"
>
<
div
class
="text"
>
left
</
div
>
</
div
>
</
div
>
</
div
>
<
div
id
="footer"
>
footer
</
div
>
</
body
>
</
html
>
查看全文
相关阅读:
nginx:配置详细说明
linux:/etc/rc.local 不能自动启动问题
nginx:403 forbidden 二种原因
nginx:虚拟主机配置
linux:lnmp环境搭建
php:mysqli扩展
linux:磁盘的分割、检验、格式化与挂载
webpack
js的window.onscroll事件兼容各大浏览器
js window事件解析(转载)
原文地址:https://www.cnblogs.com/liuweitoo/p/934586.html
最新文章
Redis配置文件
Redis介绍
Redis搭建Windows平台
ASP.NET请求过程-视图如何返回客户端
ASP.NET请求过程-从源码角度研究MVC路由、Handler、控制器
ASP.NET请求过程-Handler
ASP.NET请求过程-Module
ASP.NET请求过程-基本过程
MVC-传值
python socket编程详细介绍
热门文章
python socket编程入门(编写server实例)+send 与sendall的区别与使用方法
多态
Python Socket套接字
FTP(File Transfer Protocol)是什么?
属性的两种定义方式
ConfigParser模块
xml处理模块
python shelve模块
python datetime模块用strftime 格式化时间
linux:档案与档案系统的压缩、打包与备份
Copyright © 2011-2022 走看看