zoukankan
html css js c++ java
三行两列DIV布局之左固定宽度
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
<
html
>
<
head
>
<
title
>
Untitled
</
title
>
<
style
type
="text/css"
>
body
{
}
{
/**/
/*
布局样式
*/
text-align
:
center
;
/**/
/*
这里,配合DIV的margin,设置DIV水平居中
*/
}
#layout_header, #layout_footer
{
}
{
/**/
/*
布局样式
*/
margin
:
0px auto
;
/**/
/*
水平居中
*/
width
:
98%
;
}
#layout_header
{
}
{
/**/
/*
这里可以自定
*/
height
:
50px
;
}
#layout_container
{
}
{
/**/
/*
布局样式
*/
margin
:
0px auto
;
/**/
/*
水平居中
*/
width
:
50%
;
/**/
/*
这里可以自定
*/
text-align
:
left
;
background-color
:
#CCE7FF
;
border
:
solid 1px red
;
}
#layout_right_layout
{
}
{
/**/
/*
布局样式
*/
width
:
100%
;
margin
:
2px 0px 2px -100%
;
float
:
right
;
}
#layout_right
{
}
{
/**/
/*
布局样式
*/
float
:
left
;
margin
:
0px 0px 0px 170px
;
/**/
/*
这里对应左侧栏的宽度
*/
/**/
/*
这里可以自定
*/
background-color
:
#fff
;
}
#layout_left
{
}
{
/**/
/*
布局样式
*/
float
:
left
;
width
:
160px
;
/**/
/*
左侧栏的宽度
*/
margin
:
2px 0px 2px 0px
;
/**/
/*
这里可以自定
*/
background-color
:
#eef6ff
;
}
</
style
>
</
head
>
<
body
>
<
div
id
="layout_header"
>
这里头
</
div
>
<
div
id
="layout_container"
>
<
div
id
="layout_right_layout"
>
<
div
id
="layout_right"
>
asdfasdf
<
table
style
="border:solid 1px red;100%;"
border
="0"
cellpadding
="0"
cellspacing
="0"
id
="lable"
>
<
tr
>
<
td
>
<
span
id
="ctl00_WebSiteNavigate1_labelPageDescription"
>
对会员进行查询列表
</
span
>
</
td
>
</
tr
>
</
table
>
</
div
>
</
div
>
<
div
id
="layout_left"
>
这里写菜单
</
div
>
<
div
style
="clear: both;display: block"
>
</
div
>
<!--
这里解决FF 中 layout_container 高度不能自适应
-->
</
div
>
<
div
id
="layout_footer"
>
这里有版权
</
div
>
</
body
>
</
html
>
QQ:273352165 evlon#126.com 转载请注明出处。
查看全文
相关阅读:
怎么将一个类的成员函数作为指针传递给另一个类的成员函数 沉沉_
C/C++中的头文件多文件组织 沉沉_
函数的返回值返回变量和引用 沉沉_
多操作赋的语义判断(如 int& *a和int* &a) 沉沉_
ctags: 提示错误ctags: unrecognized option 'format=2' 沉沉_
C++中关于流的概念 沉沉_
Verilog 初学笔记顺序操作 和 并行操作的一点思考(参考黑金教程:Verilog HDL那些事 建模篇) 沉沉_
void 指针 (转载) 沉沉_
C语言的体系结构main函数存在的必然性(听杨力祥老师的课) 沉沉_
转载:VC6.0中容易遇到的错误。http://hi.baidu.com/%C8%FD%C9%EE/blog/item/4a756ff2cb6bdb19b07ec5df.html 沉沉_
原文地址:https://www.cnblogs.com/evlon/p/1009286.html
最新文章
网址前端优化技巧 狼
【SQL精彩语句】普通行列转换(完整版) 狼
新型的大型bbs架构(squid+nginx) 狼
面向海量服务的设计原则和策略总结 狼
浏览器兼容性 狼
js私有共有成员 狼
使用缓存的9大误区(上) 狼
BNDM字符串匹配算法
同源策略
MS SQL Server:分区表、分区索引详解
热门文章
Sunday字符串匹配算法
HASH表解决冲突的两种方式
ZBox字符串匹配算法
XSS跨站测试代码大全
Horspool字符串匹配算法
Shift And/Or字符串匹配算法
KMP字符串匹配算法
C/C++一个容易犯的低级错误分号引起的错误 沉沉_
Verilog初学笔记模块划分的好处 沉沉_
C 语言中赋值表达式的返回的逻辑值 沉沉_
Copyright © 2011-2022 走看看