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
>
查看全文
相关阅读:
图片懒加载原生写法。
ES6新声明
下拉刷新上拉加载
angular动画
angular路由切换后 轮播以及iscrollJs失效的问题
ui-route多级嵌套时的默认显示。
iscroll.js的基本布局
angular ng-route和ui-route
require.js JQ
Cookie&Session
原文地址:https://www.cnblogs.com/liuweitoo/p/934586.html
最新文章
kafka配置
Python 爬虫过程中的中文乱码问题
Leetcode--179--Largest Number
Leetcode--34--Search for a Range
Leetcode--221--Maximal Square
CentOS install GCC-4.8.5
Nutch配置:nutch-default.xml详解
MapReduce实例
HBase保存的各个字段意义解释
js异步处理(一)——理解异步
热门文章
fetch和ajax的比较
HTML5 Web存储--localStorage/sessionStorage
css权威指南 读书笔记
React笔记整理
Safari浏览器中对js Date对象的支持
CSS3自定义滚动条样式 -webkit-scrollbar
JavaScript 中 map、foreach、reduce 间的区别
在oneAPM参加第一个项目小结
nodejs笔记
a链接返回顶部
Copyright © 2011-2022 走看看