web前端|html教程
一个CSS+div高度自适应布局模型
web前端-html教程
近日查看了一些资料自己研究写了一个网站布局，采用高度自适应，css样式表如下： * { margin:0; padding:0; } BODY { font-size: 12px; font-family: “Verdana” , “Arial” , “细明体” , “sans-serif”; text-align: center; background-image: url(../images/bg.jpg); } table { FONT-SIZE: 12px; FONT-FAMILY: “Verdana”, “Arial”, “细明体”, “sans-serif”; } /*空行*/ .space10{ height:10px; float:left; width:100%; } /*实现自适应高度的层*/ .autoaddheight{ font: 0px/0px sans-serif; clear: both; display: block; } /*顶部小菜单样式*/ #topDiv{ height:100px; width:930px; margin-left:auto; margin-right:auto; border:3px solid gray; } /*主菜单样式*/ #MenuDiv { float:inherit; width:930px; background:#E3ECF3; line-height:normal; margin-left:auto; margin-right:auto; font: bold 14px/1.5em Verdana; height:40px; border:3px solid black; } #outer { margin-top: 0px; padding-left: 1px; margin-bottom: 0px; width: 95%; } #MenuDiv li{ /*子选择器,定义列表的样式*/ } /*网页左边框架样式*/ #leftContent { float: left; width: 220px; text-align: left; border-right: #ccccff thin solid; border-top: #ccccff thin solid; border-left: #ccccff thin solid; border-bottom: #ccccff thin solid; } /*中部框架层*/ #center { width: 930px; float: none; clear: both; margin: auto; border-right: #330066 2px solid; border-top: #330066 2px solid; border-left: #330066 2px solid; border-bottom: #330066 2px solid; background-color: #ffffff; } /*右边主层*/ #rightbody { width: 702px; float: left; text-align: center; margin: 0px; border-right: #ccccff thin solid; border-top: #ccccff thin solid; border-left: #ccccff thin solid; border-bottom: #ccccff thin solid; } /*底部样式*/ #bottom{ width:930px; margin-left:auto; margin-right:auto; height:40px; border:3px solid gray; } .Search { border-right: #ccccff thin solid; border-top: #ccccff thin solid; border-left: #ccccff thin solid; border-bottom: #ccccff thin solid; } .tree { background-color: #ffffff; } 网页代码如下：
开源网店 源码 web2.0,ubuntu强行删除文件,tomcat的项目别人运行,爬虫侵犯隐私,php递归数字,六安seo优化费用多少lzw
lol无视距 源码 .e,vscode启用红色波浪线,ubuntu复制过程,tomcat破坏双亲模型,爬虫xpath数据,php5 sqlite3,郑州外包服务郑州seo优化渠道,帝国cms管理网站模板,html5视频播放模板lzw
90坦克 源码,ubuntu前端开发优势,阿里巴巴tomcat架构,爬虫 弹窗内容,php数组的和,seo_乐云seolzw
