DIV+CSS如何实现不规则页面?

[wsydl]

请问像这样的不规则页面结构，能用DIV+CSS实现吗？
要怎么做？

[qiuming0306]

哪里不规则了？table不行吗？

[tantaiyizu]

能啊

[孟子E章]

找个不复杂，可以实现，多套几层div就是了

[一品梅]

似乎不复杂
楼主可以google搜索：圆角矩形 CSS。

[一品梅]

http://www.google.cn/search?hl=zh-CN&q=%E5%9C%86%E8%A7%92%E7%9F%A9%E5%BD%A2+CSS&meta=&aq=f

[街头小贩]

http://topic.csdn.net/u/20080412/16/155b0430-f0fb-4f93-b1c2-7d6942caa425.html
曾经有人问过类似的！我回复的！
关键是你现在用div+CSS写就不能用table的思维！

[qiuming0306]

它这个你们怎么看出来是圆角矩形的！我没看出来！

[一把编程的菜刀]

怎么看都怎么有规则！！

什么叫不规则？

[一把编程的菜刀]

使用定位就可以！

[sjmlsxp]

最笨的办法就是一个一个绝对对位

[cuidenghong123]

[Quote=引用 13 楼 sjmlsxp 的回复:]
最笨的办法就是一个一个绝对对位
[/Quote]

[tenors]

[Quote=引用 14 楼 cuidenghong123 的回复:]
引用 13 楼 sjmlsxp 的回复:
最笨的办法就是一个一个绝对对位
[/Quote]
既然在讨论div+css就不可能来绝对对位的吧

[一把编程的菜刀]

如果只考虑格局，相对定位也完全可以

[一把编程的菜刀]

你第一个图出现那个的问题就是一个定位的问题
是你相对定位的问题

那A，B，C，D，E这5个点来说吧

B相对与A来说是在A的右边距离10像素
C相对B来说是在B的右边距离10相对
D相对与A来说，他左边距离的位置与A一样，只是他相对A来说D在A下面距离10像素，宽度与A一样
E相对与B来说，他左边距离的位置与B一样，只是他相对B来说E在B下面距离10像素，宽度与B一样

你把这个相对位置想明白了，然后好好设置下CSS就简单了

[一品梅]

楼主是想要源代码，而且也不会写的.不大懂.

[landyshouguo]

[Quote=引用 2 楼 wsydl 的回复:]
补充说明：
1、各区域的高度不定；
2、尽量避免DIV嵌套使用；
[/Quote]

[一把编程的菜刀]

使用相对真不如你嵌套管理的方便，相对你一改就都要改，不然就会变形

[sgf_2008]

web上传组件
主要功能介绍：
1、批量文件同时多线程上传。
2、断点续传。
3、上传前根据文件扩展名进行压缩，上传后解压缩。
4、你可以设定文件上传到服务器后的存放路径。
5、设置不允许上传的文件的扩展名。
6、上传过程中，进度条实时提示进度。并可以显示每个上传文件的信息。
7、其他辅助功能。。。
联系方式：
QQ：894737428,加入时请注明：需要上传组件。
mail:[e-mail]

[wsydl]

谢谢大家的回答先。

可能是我的问题描述有问题，大家没有帮我找到好的解决办法。

其实我的意思是想说用float时，折行是新起一行的，与上行会有些间隔，如图1：


而我想要的结果如图2：


我目前唯一能想到的办法是用DIV嵌套：
<div style="float:left; ">
<div>A</DIV>
<div>D</DIV>
</div>

<div style="float:left; ">
<div>B</DIV>
<div>E</DIV>
</div>

<div style="float:left; ">
<div>C</DIV>
<div>F</DIV>
</div>

可DIV嵌套多了，以后不好维护，因此想要不需嵌套的方案，请大家再帮我想下办法。

再次感谢！

[tian_huang]

最笨的办法就是一个一个绝对对位