<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
div{ border:1px solid #000000; width:100px; height:200px;}
#zuobian{ float:left; }
#youbian{ float:right; }
#zhongjian{ width:100px; height:100px; float:left; position:relative;}
</style>
<title>无标题文档</title>
</head><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
div{ border:1px solid #000000; width:100px; height:200px;}
#zuobian{ float:left; }
#youbian{ float:right; position:fixed;}
#zhongjian{ width:100px; height:100px; float:left;}
</style>
<title>无标题文档</title>
</head><body>
<div id="youbian">
左边的
</div><div class="zhongjian">
中间
</div><div id="zuobian">
右边的
</div></body>
</html>请问如何才能实现左中右层的布局呢
左边的贴着浏览器左边
右边的贴着浏览器右边
中间的剧中浏览器
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
div{ border:1px solid #000000; width:100px; height:200px;}
#zuobian{ float:left; }
#youbian{ float:right; }
#zhongjian{ width:100px; height:100px; float:left; position:relative;}
</style>
<title>无标题文档</title>
</head><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
div{ border:1px solid #000000; width:100px; height:200px;}
#zuobian{ float:left; }
#youbian{ float:right; position:fixed;}
#zhongjian{ width:100px; height:100px; float:left;}
</style>
<title>无标题文档</title>
</head><body>
<div id="youbian">
左边的
</div><div class="zhongjian">
中间
</div><div id="zuobian">
右边的
</div></body>
</html>请问如何才能实现左中右层的布局呢
左边的贴着浏览器左边
右边的贴着浏览器右边
中间的剧中浏览器
解决方案 »
- 关于变量的传递问题
- Javascript看看这个统计
- 不知道是什么原因....
- firefox下,动态添加表格行,并且对单元格赋值,怎么不行?请看下代码
- 关于一个地图插件,遇到了问题,求解!
- 关于文本框的验证问题?
- 史上绝无的超低价超低价超低价全能主页空间.全面支持ASP\JSP\PHP\ASP.NET
- 急!如何用js实现抽奖的功能???
- 急:如何将超长的文章标题隐藏一部分,在线等待
- To:nik_Amis(Azrael)在HTML页中播放媒体文件时如何全屏播放?
- 请问如何在弹出的div信息框中加入文字超链接??
- JqGrid的问题!google出俩个很相似的网站,一个免费 一个收费哪个是真的?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
div
{
border: 1px solid #000000;
width: 100px;
height: 200px;
}
#zuobian
{
float: left;
}
#youbian
{
float: right;
margin:0px;
}
#zhongjian
{
margin:0px auto;
}
</style>
<title>无标题文档</title>
</head>
<body> <div id="zuobian">
左边的
</div>
<div id="youbian">
右边的
</div>
<div id="zhongjian">
中间
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body{margin:0 auto;}
#divOuter{width:995px;margin:0 auto;}
#divLeft{width:100px;height:800px;float: left;background-color:Red;}
#divCenter{width:795px;height:800px;float: left;background-color:blue;}
#divRight{width:100px;height:800px;float: left;background-color:yellow;}
</style>
<title>无标题文档</title>
</head>
<body>
<div id="divOuter">
<div id="divLeft">
左边的
</div>
<div id="divCenter">
中间
</div>
<div id="divRight">
右边的
</div>
</div>
</body>
</html>这个是适应日常最低1024的分辨率的.
如果你想搞编程, 至少最简单的英语就学一点. 没有人用拼音的.