超强的中间自适应,左右固定,有许多值得学习的地方 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

超强的中间自适应,左右固定,有许多值得学习的地方

深山行者个人网站 2009/8/15 8:45:19 深山行者字体:大中小浏览 10072

以下为详细代码

<!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>

<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属性详解

相关阅读: optgroup 标签; javascript自动获取Tags关键字; 北京顺义阿来电脑科技有限公司; 图片上传时，如果格式不正确，跳出警告; 03 修改程序文件夹权限获得修改数据权限; 广西亚太国际旅行社有限公司; JS代码判断集锦(之一); uni-app与HTML的标签变化对比

共有0条关于《超强的中间自适应,左右固定,有许多值得学习的地方》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: 爱尚学生网; 深山留言板V2.1 Build 090620; 拖动效果封装已经修改，适应火狐; 景点门票预订商建站解决方案; css里expression实现界面对象的批量控制; uni-app 动态设置页面标题 setNavigationBarTitle

更多标签热门标签

第几楼版权声明客户端安装包 web 2.0 Application dl 遍历设置 Alpha label css 透明注册对话框小旋风 web2.0 快捷键 js base 凹陷记录底部 access 网页等待货币指向人生缩略图 em form 技巧 vista 深山行者 textarea 个人网站地图 CSS滤镜 pr ajax 忧化生成 tab 源码版权函数上一页网页制作 max 链接样式

行业解决方案: 抖音小程序百度小程序微信小程序

了解我们: 关于深山; 业务范围; 案例展示中心; 联系我们; 网站地图; 赞助深山

动态展示: 定制网络投票系统; 定制小程序

服务热线: 13961347334

: 微信公众号二维码

: 百度小程序二维码

: 头条抖音小程序二维码

: 联系微信二维码

: 联系QQ二维码

免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2025 深山工作室 All Rights Reserved
服务QQ:565449214 手机:13961347334
ICP备案:苏ICP备15019627号

苏公网安备 32070502010230号