打印

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

不可以用position:absolute

 提示:您可以先修改部分代码再运行
ff 是我要的效果 但是ie

[ 本帖最后由 zdndd 于 2008-6-17 18:05 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
這是我開發框架的其中一個項目:

 提示:您可以先修改部分代码再运行
三個div可以實現20種不重複的欄位編排,網路上介紹40種編排其實有重複。
這是其中一種,可以嘗試更改一下float的值。

[ 本帖最后由 k236740 于 2008-6-17 20:16 编辑 ]
在網頁設計的領域裡~沒有做不到~只有想不到
你例子中:在ie下由于后面两个div含有了width\height触发了该元素在ie下的haslayout属性,ie会产生跟随浮动的错误解释方法。

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


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

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
楼上这种写法正式利用了ie的跟随浮动bug来布的局。用错误的浏览器解释方法来达到布局的目的是不推荐的,在ff或ie8下看一下:)

TOP

这样行不?

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

TOP



 提示:您可以先修改部分代码再运行
汗|||少加了个float:left

TOP

太无聊了吧

 提示:您可以先修改部分代码再运行
以后注明 初哥专入

TOP

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



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

TOP



 提示:您可以先修改部分代码再运行
[ 本帖最后由 lovevfp 于 2008-6-20 11:03 编辑 ]

TOP

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

TOP

阁下用的FF0.1alpha?

TOP

看不明白。。。

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

TOP