摘要：
本文讲解DIV块布局的第二种使用方式：嵌套。“DIV嵌套”在有些文献中也被称为“盒子模型”，说的通俗一点就是嵌套（一个大的DIV块内部又包含一个或多个DIV块）。请看如下代码：CSS部分：CSS Code复制内容到剪贴板/*嵌套样式*/.contain{width:200px;height:160px;margin:20px;padding:10px20px10px20px;border:1pxsolid#FF6600;text-align:center} .inner_contain{width:150px;height:30px;border:1pxsolid#009966}HTML部分： 阅读全文
摘要：
DIV布局网页元素的方式主要有三种：平铺（并排）、嵌套、覆盖（遮挡）。本文先讲解平铺（并排）方式。1、垂直平铺（垂直排列）请看如下代码CSS部分：CSS Code复制内容到剪贴板.lay1{width:200px;height:20px;border:1pxsolid#FF6699;}.lay2{width:200px;height:20px;border:1pxsolid#FF6699;} .lay3{width:200px;height:20px;border:1pxsolid#FF6699;}HTML部分：XML/HTML Code复制内容到剪贴板我们看到这里有三个DIV块，三个DIV块 阅读全文
摘要：
DIV布局网页的第三种方式：覆盖。DIV覆盖方式经常应用于网页弹出框的制作，例如在网店系统中，当用户没有登录时，点击购买，系统弹出一个登陆框。请看代码：HTML部分：XML/HTML Code复制内容到剪贴板网页主体内容，包含网页其他栏目 最上层DIV覆盖下面的全部DIV 这里，网页主体信息放在main这个样式所在的DIV块内，我们添加一个蒙版，当弹出一个div时，不允许用户进行其他操作。CSS部分：CSS Code复制内容到剪贴板.main{width:960px;height:800px;background-color:#FF9966;margin:0pxauto;} .mask{z-i 阅读全文
摘要：
要使div中的内容居中显示，不仅div要设定“text-align:centr" ,内置对象要添加margin:auto;属性才能使其在firefox等其他浏览器中也能居中。 阅读全文