左栏自适应,右栏居右宽度不变
来源:互联网 发布:mysql 查询最小的数据 编辑:程序博客网 时间:2024/06/05 03:56
左栏设置宽度100%居左,这样就自动适应浏览器的大小。
右栏设定恒定宽度200PX居右,Margin 设定向左减200PX(margin:0 0 0 -200px;),这样就能保证在固定在屏幕的右边。
在IE6 FF里都可以良好的执行,IE6中略有不同。
右栏设定恒定宽度200PX居右,Margin 设定向左减200PX(margin:0 0 0 -200px;),这样就能保证在固定在屏幕的右边。
在IE6 FF里都可以良好的执行,IE6中略有不同。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlnshttp://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<<title>左栏自适应,右栏宽度不变居右</title>
<style>
body{margin:0 0 0 0; padding:0 0 0 0; color:#FFFFFF;}
.nav{width:100%; height:150px; background:#00FFFF;}
.main{float:left; width:100%; height:500px; background:#0099CC;}
.menu{float:right; margin:0 0 0 -200px; height:500px; width:200px; background:#00CCFF;}
.content{ margin:5px; background:#CCCCCC; width:700px; height:400px;}
</style>
</head>
<body>
<div class="nav">top</div>
<div class="main"><div class="content">content</div></div>
<div class="menu">right</div>
</body>
</html>
<html xmlnshttp://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<<title>左栏自适应,右栏宽度不变居右</title>
<style>
</style>
</head>
<body>
<div class="nav">top</div>
<div class="main"><div class="content">content</div></div>
<div class="menu">right</div>
</body>
</html>
0 0
- 左栏自适应,右栏居右宽度不变
- 两列布局 左侧宽度不变右侧宽度自适应
- CSS布局:右栏固定宽度,左栏内容先出现同时自适应宽度
- 固定右栏宽度, 左栏内容先出现同时自适应宽度的布局
- DIV布局之三行两列右栏宽度固定左栏宽度自适应
- 右栏固定,左栏自适应宽度且先出现的一种实现方案
- CSS布局中左(右)宽度自适应,右(左)宽度固定
- 三行两列右列固定左列自适应宽度的CSS
- CSS布局——左定宽度右自适应宽度并且等高布局
- CSS布局——左定宽度右自适应宽度并且等高布局
- CSS布局——左定宽度右自适应宽度并且等高布局
- CSS之左定宽度右自适应宽度并且等高布局
- css实现左右布局,左侧div固定不变,右侧div宽度自适应
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度
- 宽度自适应
- 自适应宽度
- 自适应布局---自适应宽度
- 左栏固定,右栏自适应布局
- 十分钟掌握diff&patch用法(转)
- linux中重要文件夹介绍
- R.java文件丢失,而且一直报xml文件错误
- 客户端(android)和服务器端(swing) Scoket通信实例
- 视频采集原理简介
- 左栏自适应,右栏居右宽度不变
- VC与YASM的集成
- 文章分类
- AppConsole中把当前的App.config连接字符串写入到同解决方案下的Web项目下的webcofig
- CSS3(三)—— CSS3背景
- 详解sigaction
- (undone)动态规划-题目1537:买卖股票
- [linux内核]linux内核编程规范
- 如何将一个DIV设定成上下左右都居中?!