div+css排版的样例

更新时间：2006年06月17日 00:00:00 作者：

div+css排版的样例

<!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";  lang="gb2312"> <head> <meta  http-equiv="Content-Type"  content="text/html;  charset=gb2312"  /> <meta  http-equiv="Content-Language"  content="gb2312"  /> <meta  content="all"  name="robots"  /> <meta  name="Author"  content="huobazi@aspxboy.com  ,活靶子"  /> <meta  name="Copyright"  content="www.AspxBoy.Com,自由版权,任意转载."  /> <meta  name="Description"  content="www.AspxBoy.Com"  /> <meta  name="Keywords"  content="www.AspxBoy.Com,活靶子,huobazi"  /> <title>  Div布局  </title> <style> body{text-align:center;margin:0;padding:0}/*text-align:center是ie中必须要有的*/div {                 height:200px;                 color:red;   } .title {                 margin:0  auto;                 width:776px;                 background-color:#abcdef; } .middle {                 margin:0  auto;                 width:776px; } .left {                 float:left;                 clear:right;                 width:20%;                 background-color:#eeefff; } .center {                 float:left;                 clear:right;                 width:50%;                 background-color:#CCC000; } .right {                                  float:left;                 clear:right;                 width:30%;                 background-color:#fff000; } .both {                 clear:both;                   width:100%;                 background-color:#666999;   } .footer {                                 margin:0  auto;                 width:776px;                 clear:both;                   background-color:#000fff;   } </style> </head> <body> <div  class="title">顶部</div> <div  class="middle">                 <div  class="left">左侧</div>                 <div  class="center">中部</div>                 <div  class="right">右侧</div>                 <div  class="both">全行</div>                 <div  class="left">左侧</div>                 <div  class="center">中部</div>                 <div  class="right">右侧</div>                 <div  class="both">全行</div>                 <div  class="left">左侧</div>                 <div  class="center">中侧</div>                 <div  class="right">右侧</div> </div> <div  class="footer">底部</div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

div+css排版的样例

HTML标记
HTML标记...
2006-07-07
CSS滤镜参考
CSS滤镜参考...
2006-09-09
探讨vertical-align应用
探讨vertical-align应用...
2006-09-09
单纯使用CSS实现动态提示信息
单纯使用CSS实现动态提示信息...
2006-09-09
像table一样布局div
像table一样布局div...
2006-09-09
用CSS动态控制文本属性
用CSS动态控制文本属性...
2006-09-09
标准化你的网页
标准化你的网页...
2006-09-09
CSS关于相对定位和绝对定位的说明实例
CSS关于相对定位和绝对定位的说明实例...
2006-09-09
图片翻转菜单技术研究
图片翻转菜单技术研究...
2006-09-09
详解CSS不定宽溢出文本适配滚动
在日常布局当中，会遇到文本内容超过容器的情况。非常常见的一种解决方案是超出省略。但是有的时候，由于场景的限制，可能会出现在一些无法使用超出打点省略的方法的场景，譬如在导航栏中：在容器定宽但是文本又溢出且不能换行的情况下，我们就需要寻求另外的解决方案。
2021-05-05

div+css排版的样例

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具