一位网友的DIV CSS编码笔记

2016-02-19 19:42 7 1 收藏

有了下面这个一位网友的DIV CSS编码笔记教程,不懂一位网友的DIV CSS编码笔记的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

  最近在做一个魔术网的div+css切割,昨晚发现了长期以来一直无记录下来的问题!关于兼容IE跟FF的float属性。趁现在还清醒赶紧记下笔记先:

  一、并排在一行的两个div样式有这种情况:ie或者ff下对于子div设置float左的时候,如果另外的子div没有设置float左的话,两个浏览器下会有区别,具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将floatclear掉,不然下面的div会叠在已float的div上。我通常把清除浮动写成单独的divclass=”clear”/div放在所有浮动div的最下方。

  二、在上述1情况中需要设置子div的宽度,假如不设置的话子div的宽度会被默认为母div的100%,这样float根本就产生不了效果。当然还可以用display:inline的方法让两个子div并排,但是这样的话div的宽度设置将会失效(要把子div撑大只能考里面的元素)。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  三、ie中母div被设置成特定高度之后,假如里面的子div高度(有float的话就以清除float的div的最底为总高度)超过了母div设置的高度,ie会自动把母div撑大,但是ff却不能,ff中母div的高度会依然,里面的子层会溢出到外面来。兼容方法:不要设置母层高度。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1621597.html

延伸阅读
本教程介绍老年人物鼠绘方法。有一定的难度。老年人面部细节比较多,如果明暗控制的不好画面很容易花掉。作者这方面控制的非常不错,色彩层次分明,细节刻画的到位。效果非常逼真。由此可见作者的绘画功底是非常的深不可测。制作的时候有任何问题可以加作者的 QQ:47046252 。 作者近期作品:PS鼠绘逼真的人物眼睛 PS鼠绘逼真的人物嘴巴 最终...
    小剂量短时间使用安眠药是治疗失眠症的重要手段之一,因此,安眠药的使用极为广泛。其中,有些人与安眠药结下了不可分割的“友谊”。但安徽医科大学睡眠障碍研究室的朱国庆认为,安眠药是一位十分危险的“朋友”。     (1)危害种种:安眠药对人体的危害主要表现在如下几个方面。   &...
在古代皇宫有这么一种说法叫做“母凭子贵”,从各种后宫剧中我们也不难看出,皇子对于各位妃嫔来说是多么的重要。有些女人虽然没能荣幸的登上皇后的宝座,但是却依靠自己的儿子荣登皇太后的级别。今天,图老师小编就从历史故事中为大家盘点名人典故,透过历史分析,看看哪些皇太后是值得人们去记住的! 历史故事 汉...
标签: 学习 孩子
孩子正确学习围棋的好方法 从小学围棋不仅能培养孩子的智力、逻辑思维能力和良好的思想品德、还可以磨练孩子的意志,接受挫折教育,帮助孩子从小树立自信心和提高孩子的审美能力等一些终身受益的品质。教孩子学围棋,首先是培养孩子对围棋的兴趣是关键。常人说:兴趣是最好的老师。孩子在4周至7周岁之间天生是好动的,难以长时间坐下来去思考...
标签: 婴儿
麻麻必看:最容易买错的婴儿用品     相信每位准爸妈在等待宝宝降临的过程中,都会买回一些婴儿用品,那么如何让准爸妈们变为精明的购物达人,远离买错婴儿用品的尴尬呢?以下本文为您支招。     1、婴儿服     上榜原因:因为婴宝贝发育都较快速,尤其是0~3个月...

经验教程

724

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部