专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Css教程 » divcss:css div环绕 »正文

divcss:css div环绕

来源: 发布时间:星期日, 2008年12月14日 浏览:28次 评论:0

  首先将包容对象#holdit设置成相对定位(确保等下img绝对定位以它左上角为原点)

  接着把#holdit里面img设成绝对定位且z-index高度为1这样img就脱离文档流了

  将em标签设置左浮动高度和pling-height要再根据图片图案分别设置每个em宽度(记得要用clear来清除浮动)

  最后把P设置成相对定位且z-index高度设置大于img数值

  其实我们也可以直接将图片作为为#holdit背景这样就不需要专门为img来设置CSS了



以上第个思路方法.

下面讨论也许对您有用:

在代码A中A内容很长其他div都浮在A左边但如果B内容很长想让其他div浮在B右边
也就是说不管哪个div内容长其他div总是能自动浮动在左右而不会出现代码B问题



代码看下面

代码 A

[html]

这里是 A
1


2


3


4


1


2


3


4




这里是 B

这里是 C

这里是 D

这里是 E



[/html]


代码 B
[html]

这里是 A

这里是 B
1


2


3


4


1


2


3


4




这里是 C

这里是 D

这里是 E



[/html]
yaohaixiao2006-8-16 01:20 可能我技术水平有限

你如果只用CSSfloat是达不到你要效果
Drter2006-8-16 02:38 继续请教 :)
morose9992006-8-16 03:05 试了下,觉得只有把想要在同内容放在个Div里面
[html]











这里是 A



这里是 B




























这里是 C

这里是 D

这里是 E







[/html]
Drter2006-8-16 04:19 好像还是不行:(
和代码B显示效果
morose9992006-8-16 04:45 你是不是要我那种效果?
Drter2006-8-16 04:57 不是呀意思是不管哪个div内容多其他都回环绕着它
比如在代码A里面 A内容多其他div在都集中在右边了如果B内容多希望其他div环绕到左边

但样式表不变情况代码B中B内容多其他在B的后div只能在B最下面了希望紧跟着A

呵呵
Drter2006-8-16 08:13 继续请教呀这个问题不解决没法继续了:(
Drter2006-8-17 00:02 在顶大家帮忙呀
winliuxq2006-8-17 00:05 是不是该项要使用IF.....END语句呀..
gartional2006-8-17 04:15 够戗··
Torix2006-8-17 04:45 用js吧看看[url=http://bbs.blueidea.com/thread-2667496-1-1.html]这帖[/url]对你有没有启发

(遍历各div高度然后用绝对定位排列div)
Drter2006-8-21 08:35 在 前台制作和脚本专栏 发了个请教帖子
[url=http://bbs.blueidea.com/thread-2667761-1-1.html]http://bbs.blueidea.com/thread-2667761-1-1.html[/url]
clovey2006-8-21 09:02 我是这样写感觉效果也许达到了lz所说?或者我不是很明白
不过我定义了两个区别浮动div所以不是自动呈现对齐但是效果是这样就是如果以后要改话有点麻烦



这里是 A

这里是 B
1


2


3


4


1


2


3


4




这里是 C

这里是 D

这里是 E




clovey2006-8-21 09:05 不知道是不是楼主想要效果?
呵呵我也是菜鸟试试不知道理解正确吗?

[html]

这里是 A

这里是 B
1


2


3


4


1


2


3


4




这里是 C

这里是 D

这里是 E



[/html]

[[i] 本帖最后由 clovey 于 2006-8-21 17:07 编辑 [/i]]
luckyvv2006-8-21 09:48 楼上这位蛮有意思还以为光靠CSS本身做不到看来是思路有问题了呵呵~~~

相关文章

读者评论

  • 共0条 分0页

发表评论

  • 昵称:
  • 内容: