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
>
查看全文
相关阅读:
008-解决sublime text3安装Package Control问题
156-a++与++a区别?
155-类型转换的六条规则是什么?
040-springboot工程无法逆向工程生成?
153-如何搭建springboot框架?
【根据生日获取年龄】
富文本 保存转义StringEscapeUtils.unescapeHtml4(
git ,报403错误,完美解决方案
idea创建Maven项目后启动报404
IntelliJ IDEA2016.1 + maven 创建java web 项目[转]
原文地址:https://www.cnblogs.com/liuweitoo/p/934586.html
最新文章
读取配置文件
国际化001
错误集合
三大框架的点点滴滴
三大框架文件配置
hibernate 的相关记录
day25-网络基础
day27-控制台输出彩色文字
day26-socket(server和client通信)
day23-logging模块
热门文章
day22- hashlib模块-摘要算法(哈希算法)
day21-双下eq方法
day20-双下new方法,单例模式
day19-3个双下item方法
day17-反射
157-模拟高并发代码
040-springboot中dubbo注解配置错误,导致没有service空指针异常
090-为什么我们建立的service需要集成web工程呢?
089-yum安装的gcc在那个目录呢?
009-tomcat启动日志在idea控制台乱码问题
Copyright © 2011-2022 走看看