模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
层和布局特效代码
>
收藏
分享
查看评论
层和布局
演示
DIV对齐而已实例_层和布局特效
查看演示效果
特效Tag:
布局
添加
一个DIV对齐布局实例,主要是向大家展示如何让DIV布局按你的意思对齐,以及嵌套结构的布局等。
<!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"> <html> <head> <title>DIV对齐布局实例</title> <style type="text/css"> *{margin:0;padding:0;} body{color:#000;background:#fff} .l{float:left;} .r{float:right;} #mrc{width:980px;margin:0 auto;overflow:hidden;} .main{width:780px;} .siderbar{width:190px;height:610px;background:green;} .w190,.w580,.w385{height:300px;background:green;}/*加个高度和背景观测*/ .w190{width:190px;} .w580{width:580px;} .w385{width:385px;margin-top:10px;} </style> <body> <div id="mrc"> <div class="main l"> <div class="w190 l ">左一</div> <div class="w580 r ">右一</div> <div class="w385 l ">左二</div> <div class="w385 r ">右二</div> </div> <div class="siderbar r">侧栏</div> </div> </body> </html>
所属频道:
层和布局特效
/
更新时间:2012-11-17
[收藏]
[报错]
[返回列表]
相关
层和布局特效
:
表格内容排序sortTable
行变成列,列变成行
文本输入限制
拆分单元格
控制表格内的滚动条
颜色交替的表格
JS计算里面有多少个
极酷的表格
会动的表格
可拖动单元格
变色表格
访问表格的每个TD
层和布局特效Rss订阅
特效代码搜索
层和布局特效推荐
CSS虚线、细线边框的表格
全兼容网页固定漂浮的CSS写法
CSS 圆角
VML圆角圆边框的实现
纯CSS实现颜色渐变的表格
Javascript实现带阴影的提示框
相对固定位置JS+CSS布局实例,弹出提示层
CSS+js实现的无图片圆角
纯CSS实现的圆角边框
网页弹出层的JS代码
猜你也喜欢看这些
JavaScript背景随机变换颜色
点击按钮切换背景颜色的JavaScript
QQ式的导航(new)
无缝滚动
Java Script 颜色梯度和渐变效果
用选项卡控制DIV层切换改变背景颜色
RGB背景调色:输入RGB颜色数值,就能转化成十六位颜色代码且背景改变
CSS背景不滚动
下大雨效果的网页背景,你肯定喜欢
弹出提示的效果
相关链接:
复制本页链接
|
搜索DIV对齐而已实例
特效说明:
层和布局模板
-
DIV对齐而已实例
。