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
>
查看全文
相关阅读:
iptables学习笔记_____摘自朱双印个人日志 ____http://www.zsythink.net/
使用xmanager图形化远程连接rhel6
powerdesigner
CentOS和RedHat Linux的区别
win7防火墙端口开放
微服务 环境问题处理
lombok
pl/sql Devloper 如何查看表结构
pl/sql Devloper使用
luogu P4231 三步必杀
原文地址:https://www.cnblogs.com/liuweitoo/p/934586.html
最新文章
深度学习在其他领域的应用1:密码破解
Reactive(3)5分钟理解 SpringBoot 响应式的核心-Reactor
Reactive(2) 响应式流与制奶厂业务
华为云数据库携新品惊艳亮相2019华为全联接大会
如何把图片变得炫酷多彩,Python教你这样实现!
搞清楚一道关于Integer的面试题
100 个网络基础知识普及,看完成半个网络高手
华为云ModelArts2.0来袭
一张图读懂什么是专属分布式存储
[ Laravel 5.5 文档 ] 底层原理 —— 一次 Laravel 请求的生命周期
热门文章
html 5 如何限制上传的文件类型 (uploadifive)
Debian 使用 cron 执行定时任务
开源的漏洞扫描工具
rsync 目录以 / 结尾 轻松同步数据
前端报跨域问题的排查
Laravel 本地化定义
MySQL主从复制(Master-Slave)实践
Laravel 加载自定义的 helpers.php 函数
简单解决 Javascrip 浮点数计算的 Bug(.toFixed(int 小数位数))
递归理解和demo
Copyright © 2011-2022 走看看