今天小编跟大家讲解下有关div css制作网页实战笔记心得 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关div css制作网页实战笔记心得 的相关资料,希望小伙伴们看了有所帮助。
以下的内容是一位网友的DIV CSS编码笔记 是值得大家学习的 在实际工作与开发中 将工作中的点滴记录下来 回首这些过往 你也会收获很多 如果能在aidi.net.cn与大家共同交流 相信进步就更快了。大家一起努力! 最近在做一个魔术网的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的高度会依然 里面的子层会溢出到外面来。兼容方法:不要设置母层高度。来源:爱蒂网