主站经典论坛家园作品集 Think.Pages 维基桌面聚合

经典论坛 » WEB标准化专栏 » 只能用三个div 实现这样样式不可以用position：absolute （看似很简单但是……）

打印

[求助] 只能用三个div 实现这样样式不可以用position：absolute （看似很简单但是……）

zdndd [楼主]

初级会员

帖子: 75
体力: 91
威望: 0
当前: 上海浦东
离线: 2 天

专长 前端制作

1^# 大中小发表于 2008-6-17 18:03

不可以用position：absolute

提示：您可以先修改部分代码再运行

ff 是我要的效果但是ie

[ 本帖最后由 zdndd 于 2008-6-17 18:05 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

k236740

蓝星国度

中级会员

帖子: 235
体力: 377
威望: 28
当前: 台湾台中
离线: 3 天

专长 网页设计,UI,前端制作

2^# 大中小发表于 2008-6-17 20:00

這是我開發框架的其中一個項目：

提示：您可以先修改部分代码再运行

三個div可以實現20種不重複的欄位編排，網路上介紹40種編排其實有重複。
這是其中一種，可以嘗試更改一下float的值。

[ 本帖最后由 k236740 于 2008-6-17 20:16 编辑 ]

在網頁設計的領域裡~沒有做不到~只有想不到

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

zehee

中黑

银牌会员

帖子: 1864
体力: 1334
威望: 5
当前: 北京西城区

专长 网页设计,前端制作,JS

3^# 大中小发表于 2008-6-17 20:37

你例子中：在ie下由于后面两个div含有了width\height触发了该元素在ie下的haslayout属性，ie会产生跟随浮动的错误解释方法。

提示：您可以先修改部分代码再运行

Hi,I'm Zehee !

TOP

请大家尊重和保护奥运知识产权。

hellonicholas

中级会员

帖子: 213
体力: 406
威望: 0
离线: 12 天

4^# 大中小发表于 2008-6-17 20:42

提示：您可以先修改部分代码再运行

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

zehee

中黑

银牌会员

帖子: 1864
体力: 1334
威望: 5
当前: 北京西城区

专长 网页设计,前端制作,JS

5^# 大中小发表于 2008-6-17 20:51

楼上这种写法正式利用了ie的跟随浮动bug来布的局。用错误的浏览器解释方法来达到布局的目的是不推荐的，在ff或ie8下看一下：）

Hi,I'm Zehee !

TOP

tudou527

地瓜

初级会员

帖子: 110
体力: 164
威望: 1
当前: 浙江杭州
离线: 3 天

6^# 大中小发表于 2008-6-17 21:12

这样行不？

提示：您可以先修改部分代码再运行

TOP

hellonicholas

中级会员

帖子: 213
体力: 406
威望: 0
离线: 12 天

7^# 大中小发表于 2008-6-17 21:44

提示：您可以先修改部分代码再运行

汗|||少加了个float:left

TOP

10dw

小盆友

高级会员

帖子: 464
体力: 901
威望: 0
当前: 美洲美国

专长 网页设计,JS,PHP

8^# 大中小发表于 2008-6-17 23:36

太无聊了吧

提示：您可以先修改部分代码再运行

以后注明初哥专入

TOP

zdndd [楼主]

初级会员

帖子: 75
体力: 91
威望: 0
当前: 上海浦东
离线: 2 天

专长 前端制作

9^# 大中小发表于 2008-6-18 11:30

8楼的朋友  用ul li 显然不符合我说的三个div
7楼的朋友  写的有一个div包含在另一个div里面，我要的是三块不相干的div 万一我要是三块都有内容的话肯定是不行的呵呵
6楼的朋友  利用*margin:0; 实现对ie6、7的兼容蛮好的！
4楼的朋友  应该和7楼的相同不可以用的呵呵
3楼的朋友  方法也很好，第一个div中如果不设display:inline，在ie6下会向右110px; 单单把他设为行内元素不太明白为什么
3楼的朋友  我说只要三个div啦不能要外面的大div 呵呵

是有点吹毛求疵，但是我觉得有的时候很有必要谢谢各位^_^

TOP

ccddmm

中级会员

帖子: 114
体力: 241
威望: 0
当前: 北京朝阳区
离线: 36 天

10^# 大中小发表于 2008-6-18 12:16

提示：您可以先修改部分代码再运行

TOP

lovevfp

新手上路

帖子: 103
体力: 0
威望: 0
当前: 北京朝阳区
离线: 1 天

11^# 大中小发表于 2008-6-20 10:56

提示：您可以先修改部分代码再运行

[ 本帖最后由 lovevfp 于 2008-6-20 11:03 编辑 ]

TOP

lovevfp

新手上路

帖子: 103
体力: 0
威望: 0
当前: 北京朝阳区
离线: 1 天

12^# 大中小发表于 2008-6-20 11:04

在上面的代码中,我使用到了*,用于区分IE和火狐浏览器,,就是外边距top的值的问题...

TOP

10dw

小盆友

高级会员

帖子: 464
体力: 901
威望: 0
当前: 美洲美国

专长 网页设计,JS,PHP

13^# 大中小发表于 2008-6-20 14:07

阁下用的FF0.1alpha?

TOP

jessenlon

初级会员

帖子: 80
体力: 177
威望: 0
当前: 北京西城区
离线: 29 天

专长 网页设计,Flash,CG

14^# 大中小发表于 2008-6-20 15:06

看不明白。。。

提示：您可以先修改部分代码再运行

TOP

‹‹ 上一主题 | 下一主题 ››

[求助] 只能用三个div 实现这样样式 不可以用position：absolute （看似很简单但是……）

[求助] 只能用三个div 实现这样样式不可以用position：absolute （看似很简单但是……）