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 转载请注明出处。
查看全文
相关阅读:
vue父组件促发子组件中的方法
油猴脚本:油猴脚本自动点击 | 自动检测元素并点击、休眠、顺序执行、单页面也适用
油猴脚本:使用layer.js mobx lodash jquery
vue项目统计src目录下代码行数
常用mobx响应新值变化函数autorun和observe
uni app使用mobx | uni app状态管理mobx
File and Code Templates | webstorm代码文件模板 vue typescript
javascript立即执行函数简单介绍
VSCode 安装GitLens插件不生效问题
常用的浅拷贝实现方法
原文地址:https://www.cnblogs.com/evlon/p/1009286.html
最新文章
Java数组
3D立体效果
循环结构
if,switch学习
【JAVA SE基础篇】75.GOF23-单例模式
【JAVA SE基础篇】74.ORM
【JAVA SE基础篇】73.JDBC应用
【JAVA SE基础篇】72.JDBC介绍和流程
【JAVA SE基础篇】71.正则表达式应用
【JAVA SE基础篇】70.正则表达式价绍
热门文章
【JAVA SE基础篇】69.类加载机制和类加载器
【JAVA SE基础篇】68.动态编译,脚本引擎,字节码操作
【JAVA SE基础篇】67.反射机制介绍
【JAVA SE基础篇】66.注解,反射机制处理注解
【C#】 List按指定字段的给出的自定义顺序进行排序
JObject、JArray对JSON操作
JObject、JArray对JSON操作
使用vue+zrender绘制体温单 三测单(2)
vue中watch的详细用法
父组件监听子组件的生命周期
Copyright © 2011-2022 走看看