创建仅HTML/CSS树映射时div的定位

我对CSS相当陌生，但我想知道是否有一种更简单的方法来订购这些框，因为我需要一个树形图之类的东西，它链接到某个页面，正如你所看到的，有一些动画。目前我想订购第二个盒子下面的第三个盒子，我不知道如何订购，我正在尝试使用float和clear，但对我不起作用。请原谅我的初学者知识，但我正在学习。另外，如果有更简单的方法，除了像我这样手动操作，请告诉我

.cbox1{
边框：纯色2.5px白色；
位置：相对位置；
浮动：左；
z指数：10；
}
.cboxtext{
文本对齐：居中；
身高：50%；
利润上限：200px；
颜色：#fff；
}
.cbox百分比{
文本对齐：居中；
字号：80px；
字体大小：粗体；
颜色：#fff；
利润上限：-300px；
}

---

这是您代码的新版本：

.cbox1，#包装器{
位置：相对位置；
}
.cbox1 a，#包装器a{
文字装饰：无；
显示：块；
宽度：400px；
高度：400px；
}
.cbox1一个跨距，#包装一个跨距{
显示：块；
位置：绝对位置；
宽度：100%；
线高：400px；
}
.cbox1一个span.cboxtext，#包装一个span.cboxtext{
线高：30px；
}
.cbox1{
宽度：400px；
高度：400px；
浮动：左；
}
a.cboxtext{
顶部：10px；
文本对齐：居中；
颜色：#fff；
}
.cbox百分比{
文本对齐：居中；
字号：80px；
字体大小：粗体；
颜色：#fff；
}
#包装纸{
浮动：左；
宽度：200px；
}
#包扎{
线高：200px；
}
#包装器.cbox1{
宽度：200px；
高度：200px；
}
#包装器.cbox1a{
宽度：200px；
高度：200px；
}
#包装器.cbox百分比{
字体大小：40px；
}

搜索jquery和treeview，很多例子你的标题是错误的-

h2

s应该跟在

h1

后面。它们应用于标记节标题，而不是用于样式设置。您还可以在

a

标记内打开包装器div，但在标记外关闭它-这是无效的标记-一个如何创建简单导航结构的示例，然后有很多示例，如何设置图像的样式，这看起来很有用。@Paulie\u D我想创建一些类似交互式树形图的东西他们在这一页上，因为我正在创建一个网站，它将公布2015年各行业最佳公司-