你这个问题根本就不清晰!大的div块里嵌套小的div块,不就是像<div id=＂e＂><div id=＂a＂></div></div> id=＂e＂的设置为大的div,id=＂a＂的设置为小的div 不知道你是不是要问这个.
<style> div{ position: absolute; width:500px; height:200px; left:50%; top:50%; margin-left:-250px; margin-top:-100px; border: solid 3px red; }</style><body> <div>水平垂直居中</div></body>
可以通过设置浮动来实现效果
通过CSS方法浮动属性来实现float:该属性的值指出了对象是否及如何浮动语法:float : none | left |right 参数: none : 对象不浮动left : 对象浮在左边right : 对象浮在右边 请看下面例子吧<div> <div style=＂float:left＂>第一个div</div> <div style=＂float:left＂>第一个div</div> <div style=＂float:left＂>第一个div</div></div>
先定义一个总的DIV ,然后在这个总的里面再定义三个DIV ,分别分布在左、中、右.然后在左边DIV中再定义两个DIV ,分别是左上和左下.把大的框架做出来之后再往里面写相应的CSS控制就行了.给你加个大概的样式<style>.main{width:
看完这方面就不用愁了 DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用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＂><head><meta http-equiv=＂Content-Type＂
固定尺寸<div style=＂width:600px; height:500px; position:relative;＂><div style=＂width:300px; height:300px; top:100px; left:150px; position:absolute;＂></div></div> 非固定尺寸 用calc()算式 top:calc(50% - 150px);
用css的绝对定位 先给大容器的div加个style=＂position:relative＂,再给小容器一个style=＂position:absolute;top:*px＂ 像这样 <div style=＂height:100px;width:100px;position:relative;background:#F00;＂> <div style=＂height:200px;width:200px;position:absolute;top:100px;background:#00f;＂></div> </div>
水平居中一般都可以使用text-align:center来实现,但也有例外,关键是看上下文代码是如何写的.垂直方向是用外层DIV高度减去内层DIV高度,再将这个高度除以2,然后使用margin来实现垂直居中.