网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
DIV+CSS
> 正文
超强的中间自适应,左右固定,有许多值得学习的地方
深山行者个人网站 2009/8/15 8:45:19 深山行者 字体:
大
中
小
浏览 10330
以下为详细代码
<!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=utf-8" /> <meta name="keywords" content=""/> <meta name="description" content="" /> <link href="#" type="text/css" rel="stylesheet" rev="stylesheet" media="screen" /> <title>中间自适应,左右固定</title> <!--[if lte IE 6]> <link rel="stylesheet" href="ie6.css" type="text/css" media="screen" /> <![endif]--> <style type="text/css"> body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;} h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} ol, ul{list-style: none} table{border-collapse: collapse;border-spacing:0} p {line-height:1.4em; font-size:100%; margin:0.5em 0 0 0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} buttom{padding:0;} #top{height:123px;width:100%;background:#000;} #left{left:0;top:123px;width:180px;background:#c5e5ff;position:absolute;} #right{position:absolute;right:0;top:123px;width:170px;background:#e9ecef;} #contact{background:#ff9900;width:auto;margin:0 170px 0 180px;} </style> </head> <body> <div id="top">头部</div> <div id="contact"> 这个中间部分是优先于左侧与右侧先进行显示的。中间自适应 <p>据报道,7月28日</p> </div> <div id="left">左边</div> <div id="right">右边</div> </body> </html>
前一页:
DIV+CSS做的透明菜单兼容IE、FF等
后一页:
css里media属性详解
相关阅读
淡蓝色的V2.1加强版
Appium元素定位方式之android_uiautomator定位
css里阴影效果滤镜DropShadow颜色数值的详细设置
ASP.NET 2.0跨网页提交的三法
利用CSS的position定位属性定义一个顶部飘动的柳叶效果非常酷
深山留言板祈福效果
JS自动格式化输入的数字/千位分隔符
几个经典的css技巧
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
振辉消音器
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
字体放大效果,字体[大][中][小]
复制信息给好友代码
一个不错的分页效果
淮安电视台主持人选拔大赛网络投票
更多标签
热门标签
状态栏
select
Application
失效
深山
首字母
optgroup
比例
ul
margin
自适应
注册
参数
Word
轮流
爱墙
保留
鎯
IP
文件夹
市
文化
忧化
工具
access
框架
txt
table
绝对管用的iis安装包下载
人生
img
下拉
加减
Java
list
禁止
判断
asp.net
单选
max
样式
旅行社
复制
透明
梦幻
鼠标
windows
flash
省略
hover
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号