• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >div/css > div css制作网页实战笔记心得

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含div css项目实战,div css实战,div css实战教程,div css网页布局,div css网页实例等相关知识,佚名 希望在学习及工作中可以帮助到您

  以下的内容是一位网友的DIV CSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多,如果能在weikejianghu.com与大家共同交流,相信进步就更快了。大家一起努力!
  最近在做一个魔术网的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>

您可能想查找下面的文章:

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

相关文章

  • 2017-06-02DIV+CSS通过border样式制作带箭头提示框效果
  • 2017-06-02div+css实现鼠标经过背景高亮的导航菜单代码
  • 2017-06-02Div+CSS仿支付宝登录页面
  • 2017-06-02div style常用属性介绍及使用示例
  • 2017-06-02使用z-index:-1 让一个层在所有层的下面当背景
  • 2017-06-02如何用float配合position:relative实现居中
  • 2017-06-02图片在div中垂直和水平同时对齐的实现方法
  • 2017-06-02子Div使用Float后撑开父Div的几种方法
  • 2017-06-02将一个DIV旋转的某一角度即90度/180度/270度及放大等问题
  • 2017-06-02旋转任意角度 如何让div旋转一定的角度

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 常用的清除浮动的方法
    • 使用position:fixed属性让DIV居中
    • 学习DIV+CSS网页布局之两列布局
    • css 提示框 CSS实现带箭头的DIV提示框
    • Div+CSS仿微信公众平台登录页面
    • 手机移动端WEB资源总结
    • DIV+CSS实现的绿色水平一级菜单代码
    • 多步骤进度条的实现原理及代码
    • DIV和SPAN垂直居中对齐的实现方法
    • 框架边框与页面内容的垂直边距marginheight

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有