一位网友的DIV CSS编码笔记——XieBiji
作者：XieBiji 发布时间：2008-09-12 12:22:00
标签：编码,css,笔记
最近在做一个魔术网的div+css切割，昨晚发现了长期以来一直无记录下来的问题！关于兼容IE跟FF的float属性。趁现在还清醒赶紧记下笔记先：
一、并排在一行的两个div样式有这种情况：ie或者ff下对于子div设置float左的时候，如果另外的子div没有设置float左的话，两个浏览器下会有区别，具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将float clear掉，不然下面的div会叠在已float的div上。我通常把清除浮动写成单独的<div class=”clear”></div>放在所有浮动div的最下方。
二、在上述1情况中需要设置子div的宽度，假如不设置的话子div的宽度会被默认为母div的100％，这样float根本就产生不了效果。当然还可以用display:inline的方法让两个子div并排,但是这样的话div的宽度设置将会失效（要把子div撑大只能考里面的元素）。
三、ie中母div被设置成特定高度之后，假如里面的子div高度（有float的话就以清除float的div的最底为总高度）超过了母div设置的高度,ie会自动把母div撑大，但是ff却不能，ff中母div的高度会依然，里面的子层会溢出到外面来。兼容方法：不要设置母层高度。
0
投稿猜你喜欢
- 在我们建立一个数据库时，并且想将分散在各处的不同类型的数据库分类汇总在这个新建的数据库中时，尤其是在进行数据检验、净化和转换时，将会面临很大
- 在Internet上我们每天都会遇到数不清的表单，也看到其中大部分并没有限制用户多次提交同一个表单。缺乏这种限制有时候会产生某些预料不到的结
今天有个学生问我：页面中使用GIF格式，失真太大，怎么办呢？这个问题比较简单啊，只要用JPG就可以了。我们常用的页面的图片格式有三种，GIF- 作者：AngelGavin 出处：CSDNInternet Explorer 5.0 对 XML 提供哪个级别的支持？Inter
- 请问论坛的树状记录表是怎么展开的？如何做？论坛的这种展开技术一般采用两种方法实现，一种是采用递归的方法，优点是逻辑简单，编程简单，缺点是速度
- 今天好不容易闲下来半天，所以和大家分享一下我之前总结的一套Web UI 设计命名规范，也就是网站用户界面设计(俗称网页设计)命名规范。这套规
- 遵循Web标准的思想，网页要表现出一种亲和力。那么，针对残障用户来说，其“阅读”器可不能读取图像上传递的信息的。所以我们会采用一种Using
- 新一代W3C，xhtml代码规范，大家在设计网站的时候务必遵循这一规范 ，这将对网站的优化，网站的推广，搜索引擎的友好
- 昨天看到设计师提供的一张有关多个设计师角色间的漫画图（如下图），着实感到有点讽刺。现在的设计还只是停留在“盲人摸象”的阶段，为什么会这样？在
- 一般情况下，访问或设置剪贴板，IE 只需使用 window.clipboardData 的 getData 或 setData 方法即可。M
- 以下为引用的内容： <html> <head> <title>不刷新页面查询的方法&
- 请问如何从ASP连接到Oracle Server？可用下面的代码进行连接： <％@ Lan
- 在 MySQL 下，在进行中文模糊检索时，经常会返回一些与之不相关的记录，如查找 "％a％" 时，返回的可能有中文字符，
- 分区视图联接来自一组成员的水平分区数据，使数据看起来象来自同一张表。SQL Server 2000 区分本地分区视图和分布式分区视图。在本地
- 今天在开发一个手机短信通讯录的前端界面时，界面中使用了checkbox，来做为各项的选择控件，但是操作时，除了点差子。由于逻辑需要，需要预先
- IE 一如既往地带来问题。真的，我觉得 IE 坚持自己的一套无所谓，不支持或者不完全支持标准也无所谓。但是，IE6 IE7 IE8 这三个版
- 对想要在可视化的环境下制作复杂网页的专业网页制作者来说，Dreamweaver 已经渐渐在网页编辑工具市场中展露头角，成为专业人士
- 写在前面的话:此篇还是asp相关的,相信玩ASP的都有这个感觉,当数据有5万多条时-------just like音乐网,要调用最新的10条
- 当来自应用程序的第一个连接控制锁而第二个连接需要相冲突的锁类型时，将发生阻塞。其结果是强制第二个连接等待，而在第一个连接上阻塞。不管是来自同
- 大家都知道JAVA里最流行的是MVC模型的编程方式，如果你不知道MVC的概念，可以去网上搜索下，应该会马上找到N多资料。PHP5推出之后，也
