求div+css 画组织结构图的实现

来源：百度知道 编辑：UC知道 时间：2024/06/06 17:04:25
要用div css 实现如附件所示的网页效果，请给出实现的代码，谢谢。
对于线的处理可使用jquery,我可以自己实现，各位不用考虑线的画法
附件中的图片就是用visio画的，导出成html后是位图。我要展现的不是图片，因为最终这个组织结构图是根据后台数据来绘制的并且节点是可编辑的。所以我希望各位能给一个div css 画的原型。
每个元素不能使用绝对定位，因为最终元素是根据后台数据生成的，绝对定位不好控制，另外点击每个父节点都可以伸展其子节点的。

对于没有经验的人来说，用CSS要考虑其兼容性做复杂的布局确实不大好上手。如果项目没有特殊要求，那么可以用CSS和和表格来完成

无非就是div定位的问题。
position:absolute;或
position:relative;

和画幅地图没什么区别。
分太少。

用 Microsoft Visio 画好了，然后导出为html或者htm就OK了

1.每个框都用一个div来实现，设置为绝对定位来确定位置
2.加个大的div外框，设为相对定位.

180分，不想写