div css制作网页实战笔记心得

君醉倾天下

君醉倾天下

2016-02-19 11:04

下面请跟着图老师小编一起来了解下div css制作网页实战笔记心得,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!


  以下的内容是一位网友的DIV 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的高度会依然,里面的子层会溢出到外面来。兼容方法:不要设置母层高度。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

div css制作网页实战笔记心得

Web开发
div css制作网页实战笔记心得

div+css制作网页实战笔记心得

Web开发
div+css制作网页实战笔记心得

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

DIV+CSS制作网页心得

Web开发
DIV+CSS制作网页心得

DIV+CSS网页布局心得

Web开发
DIV+CSS网页布局心得

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

如何学习DIV CSS制作网页

Web开发
如何学习DIV CSS制作网页

Div+CSS网页制作误区

Web开发
Div+CSS网页制作误区

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

C#中实现网段扫描的代码

C#中实现网段扫描的代码

怎么样给Word2003文档设置密码?

怎么样给Word2003文档设置密码?
下拉加载更多内容 ↓