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

网页制作 2024/11/15 佚名

3 2 1

　　以下的内容是一位网友的DIV CSS编码笔记，是值得大家学习的，在实际工作与开发中，将工作中的点滴记录下来，回首这些过往，你也会收获很多，如果能在jb51.net与大家共同交流，相信进步就更快了。大家一起努力！
　　最近在做一个魔术网的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的高度会依然，里面的子层会溢出到外面来。兼容方法：不要设置母层高度。

网页,教程,网页制作,心得,笔记,制作,实战,div,float,设置

标签：

网页,教程,网页制作,心得,笔记,制作,实战,div,float,设置

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

岱庙资源网 Copyright www.zgmyg.com

评论“div css制作网页实战笔记心得”

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

暂无“div css制作网页实战笔记心得”评论...

www.zgmyg.com 岱庙资源网

129,905影音资源

244,626技术资源

111,817软件资源

578,645站长资源

更新日志

2024年11月15日

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

网页,教程,网页制作,心得,笔记,制作,实战,div,float,设置

Opera下cloneNode的bug

CSS网页布局的好处与坏处

评论“div css制作网页实战笔记心得”

更新日志

友情链接